Angular 如何设置 routerLink 的样式

Question

我的应用程序中有很多表格行。有些是链接，有些不是。这是一个例子：

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

我想用这样的 routerLink 设置所有 tr 的样式：

tr[routerLink] {
   cursor: pointer;
}

但它不起作用。这里正确的 CSS 是什么？谢谢

Answer 1

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

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

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