Espero me puedan ayudar con mi siguiente problema, tengo en un Nav dos vistas que redireccionan a dos componentes distintos, lo que necesito es subrayar la etiqueta cuando se seleccione el componente:
En el la vista principal se tiene un Nav, es el siguiente:
<nav>
<ul>
<li href="#" [ngClass]="{ 'select1' : select_Ini }">Inicio</li>
<li href="/alumnos" [ngClass]="{ 'select2' : select_Alu }">Alumnos</li>
</u>
</nav>
En el CSS de la vista principal que tiene el Nav, tenemos:
.select1{
text-decoration: underline black;
}
.select2{
text-decoration: underline black;
}
En el componente de Inicio tenemos:
constructor(){
this.select_Ini = true;
this.select_Alu = false;
}
En el componente Alumnos tenemos:
constructor(){
this.select_Ini = false;
this.select_Alu = true;
}
Intente utilizarlo con servicios ya que vi en un foro que esa podría ser una solución, pero no me funciono. Les agradecería si me ayudarán con este problema.