¿Cómo usar “routerLinkActive” con parámetros de consulta en Angular 6?

Solución:

RouteLinkActive funcionará solo con parámetros de consulta exactos. Puede intentar pasar {exact: false} como routerLinkActiveOptions. Si eso no funciona

Puedes llamar a una función dentro [class.active] atributos.

<a class="nav-link" [routerLink]="['/einstellungen/kalender']" [queryParams]="{branch: myBranches[0].id}" [class.active]="isLinkActive('/my-link')">Kalender verwalten</a>

isLinkActive(url): boolean {
   const queryParamsIndex = this.router.url.indexOf('?');
   const baseUrl = queryParamsIndex === -1 ? this.router.url : 
   this.router.url.slice(0, queryParamsIndex);
   return baseUrl === url;
}

---

---

Utiliza Nuestro Buscador