如何设计routerLink的角度

使用编译后的属性 ng-reflect-router-link stackblitz

a[ng-reflect-router-link] {
  color: red;
  font-weight: 700;
}

tr[ng-reflect-router-link] {
  cursor: pointer;
}

html格式:

<a [routerLink]='link' [ngClass]="{'router-link-active': true">{{name}}</a>

.router-link-active {
   cursor: pointer;
}

你的问题是因为 这些括号

这是一个例子

<tr [routerLink]="['/invoices', invoice?.invoice.id || 0, 'sms']" routerLinkActive="active>

在 style.css

tr[routerLinkActive] {
    color: red;
 }

这是 Stackblitz 演示

这种样式只适用于那些链接