html - 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;
}