routerLink для нескольких компонентов

Question

У меня есть тег привязки, указанный ниже:

<a class="uppercase" routerLink="settings/pressure"
  routerLinkActive="text-success" (click)="closeModal()"
>
  <div class="pad-btm">
    PRESSURE
  </div>
</a>

Я хочу пройти другой маршрут внутри routerLink . Когда настройки / давление загружаются, якорь становится активным. Точно так же, как я хочу это для другого маршрута. Спасибо!

Answer 1

Я думаю, что понял. Вы можете сделать это

<a class="uppercase" [routerLink]="routerLinkUrl"
  routerLinkActive="text-success" (click)="closeModal()"
>
  <div class="pad-btm">
    PRESSURE
  </div>
</a>

И на вашем .ts файле

import { Router } from '@angular/router';

constructor(private router:Router) { }
// default value for routerLink
routerLinkUrl = 'settings';

NgOnInit(){
//Logic to define url 
  if(this.router.active == 'foo'){
    this.routerLinkUrl = 'settings'
  }else{
    this.rounterLinkUrl = 'pressure'
  }
}