Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Potential bug report

Teixeira priority asked 5 years ago


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


Damian Gemza staff answered 5 years ago


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



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 7.4.3
  • Device: Desktop
  • Browser: Chrome
  • OS: MacOs
  • Provided sample code: No
  • Provided link: No
Tags