mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-04-16 21:35:13 +00:00
19 lines
1007 B
HTML
19 lines
1007 B
HTML
<a class="nav-link" *ngIf="item.url" [routerLink]="[item.url]" routerLinkActive="active"
|
|
[routerLinkActiveOptions]="{exact: item.exactMatch || false}" matRipple>
|
|
<mat-icon class="nav-link-icon" *ngIf="item.icon">{{item.icon}}</mat-icon>
|
|
<span class="nav-link-title" [translate]="item.translate">{{item.title}}</span>
|
|
<span class="nav-link-badge" *ngIf="item.badge" [translate]="item.badge.translate"
|
|
[ngStyle]="{'background-color': item.badge.bg,'color': item.badge.fg}">
|
|
{{item.badge.title}}
|
|
</span>
|
|
</a>
|
|
|
|
<span class="nav-link" *ngIf="item.function" (click)="item.function()" matRipple>
|
|
<mat-icon class="nav-link-icon" *ngIf="item.icon">{{item.icon}}</mat-icon>
|
|
<span class="nav-link-title" [translate]="item.translate">{{item.title}}</span>
|
|
<span class="nav-link-badge" *ngIf="item.badge" [translate]="item.badge.translate"
|
|
[ngStyle]="{'background-color': item.badge.bg,'color': item.badge.fg}">
|
|
{{item.badge.title}}
|
|
</span>
|
|
</span>
|