角度材质 - 如何使用md-tab-nav-bar更改md-tab-link颜色？

Question

请注意，这不适用于md-tab-group，而是可以使用多个路由的md-tab-nav-bar。以下是基本设置：

<nav md-tab-nav-bar>
  <a md-tab-link style="border-bottom-color: blue"
     *ngFor="let link of navLinks"
     [routerLink]="link.endpoint"
     routerLinkActive #rla="routerLinkActive"
     [active]="rla.isActive">
    {{link.label}}
  </a>
</nav>

截至目前，它将默认为主色（我根据官方文档定制），但我希望它能显示强调色。

我只是想改变颜色，并且没有关于如何在最新的Angular 4中使用正确方法的文档，而且我不是在寻找黑客。关于常规标签有很多SO问题，但不是这个。

更新： 作为一种解决方法/黑客，我只是将代码更改为：

<nav md-tab-nav-bar>
  <a md-tab-link
     *ngFor="let link of navLinks"
     [routerLink]="link.endpoint"
     routerLinkActive = "active">
     {{link.label}}
 </a>
</nav>

在SCSS中做了：

.active {
  border-bottom: solid .2em #ffce00;
}

但是，我真的很想以正确的方式去做。

Answer 1

最新的主版本（即将推出测试版9）支持color和backgroundColor选项。 color会更改下划线的颜色，backgroundColor会更改标签组或导航栏背景。