podemos aplicar la directiva routerLinkActive junto con [routerLink] simplemente como:
<a [routerLink]="'/profile'" routerLinkActive="active"> My Profile </a> por supuesto para la etiqueta <a></a> . pero si queremos navegar para la acción de la siguiente manera: archivo .ts:
navigateToMyProfile(): void { this.router.navigate(['/profile']); }<mat-list-item (clic)="navegarAMiPerfil()">
¿Dónde podemos aplicar la directiva routerLinkActive para el método anterior? Saludos
Utilice mat-list-item como atributo en su lugar.
Utilice etiquetas
mat-nav-listpara listas de navegación (es decir, listas que tienen etiquetas de anclaje).Las listas de navegación simples pueden usar el atributo
mat-list-itemen elementos de etiquetas de anclaje directamente
<mat-nav-list> <a mat-list-item routerLink="/profile" routerLinkActive="active">My Profile</a> </mat-nav-list>