多组件的routerLink答案

【问题标题】：routerLink for multiple component多组件的routerLink
【发布时间】：2020-08-06 16:45:19
【问题描述】：

我在下面给出了锚标记：

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

我想通过 routerLink 内的另一条路线。当 settings/pressure 加载时，它会将锚设置为活动状态。以同样的方式，我希望它用于另一条路线。谢谢！

【问题讨论】：

很难理解。您想在点击这条路线时加载另一条路线吗？
所以目前 routerLink="settings/pressure" 。我想在该组件（路由）加载时为 routerLink 分配另一个值。
有任何结果示例吗？

标签： html angular typescript routes angular-routing

【解决方案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'
  }
}

【讨论】：