routerLink 选择的选项颜色

Question

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

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

我该怎么做？

Answer 1

routerLinkActiveattribute 接收一个 css 类。在您的情况下，active 是 css 类。 所以你只需要在你的css文件中以这种方式声明类：

.active{
   color:red;
}