html - routerLink 选择的选项颜色

Question

我需要在所选链接上显示红色About

<nav>
  <a routerLink="" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">About</a>
  <a routerLink="product" routerLinkActive="active">Employees</a>
</nav>

我怎样才能做到这一点？

标签： htmlcssangulartypescript

Answer 1

该routerLinkActive属性接收一个 css 类。在您的情况下，active是 css 类。因此，您只需要在您的 css 文件中以这种方式声明该类：

.active{
   color:red;
}