I have created a MenuItem component in Angular, which consists of an icon and an a-tag:
<a routerLinkActive="active">
<my-icon name="{{ iconName }}"></my-icon>
<a routerLink="{{ routerLink }}">{{ title }}</a>
</a>
It works fine, but when hovering over the menu item, a tooltip pops up, which shows the title of the a-tag. I am assuming this is the default behavior of the a-tag. Is it possible to shut off this tooltip though?
I hope you are well
If you mean when the mouse hovers over the link and a box is displayed in the lower left corner of the screen that has the content of the link I do not think I was looking for such a question, but this is not the solution
The solution is for us to use the route itself in Angular
// component.html
<a (click)="navigateURL()">{{ title }}</a>
now in component ts
constructor(private router: Router){}
navigateURL(){
this.router.navigateByUrl("Your url");
}
I hope I was able to help