Topic: Potential bug report
Expected behavior using routerLink and mdbTooltip, I would like to navigate to a page without a full app reload
Actual behavior app is reloading
Resources (screenshots, code snippets etc.) I have a piece of code that looks like this:
<a routerLink="/admin/events/{{event.id}}"><i mdbTooltip="Edit Event" class="fa fa-pencil pull-left item-offset"></i></a>
when the a link is clicked, it will generate a full reload .
if I move the mdbTooltop variable into the a link like this:
<a routerLink="/admin/events/{{event.id}}" mdbTooltip="Edit Event"><i class="fa fa-pencil pull-left item-offset"></i></a>
then it works as expected.
This is obviously not a big deal, but is an anomaly nonetheless.
Thanks! Mark Teixeira
Dear Teixeira,
That's strange. We'll take a look at this.
For now, please don't use a with mdbTooltip and routerLink inside.
If you want to navigate to another page after clicking on some icon, don't use i nested in a, but use only i. Like in the below code:
<i routerLink="/admin/events/1" mdbTooltip="Edit event" placement="bottom" class="fas fa-user pull-left item-offset"></i>
<button mdbBtn color="primary" routerLink="/admin/events/1" mdbTooltip="Edit event" placement="bottom">Button</button>
Best Regards,
Damian
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: 7.4.3
- Device: Desktop
- Browser: Chrome
- OS: MacOs
- Provided sample code: No
- Provided link: No