Is it possible to have the anchor tag's title attribute, like title="link name", only show up when the navbar is collapsed? I have multiple links in the HTML file but to keep things concise, I've chosen to display only a few.
This is the .html template:
<nav class="navbar-default navbar-static-side" role="navigation">
... (rest of the code)
</nav>
To save space and focus on pertinent information, I've shortened the TypeScript file as well. Here is the relevant part:
.ts file
import { Component } from '@angular/core';
// (imports and declarations)
@Component({
selector: 'navigation',
templateUrl: 'navigation.template.html',
})
export class NavigationComponent {
// (icon declarations)
constructor(public globals: GlobalsService,private router: Router) {}
ngAfterViewInit() {
jQuery('#side-menu').metisMenu();
if (jQuery("body").hasClass('fixed-sidebar')) {
jQuery('.sidebar-collapse').slimscroll({
height: '100%'
})
}
}
}