angular - 如何使用 routerLinkActive 更改材质按钮类型

Question

是否可以使用 routerLinkActive 属性更改材质按钮类型和颜色属性？我需要从这里更改代码：

<button mat-stroked-button
    color="basic"
    [routerLink]="['/about']">About
</button>

对此：

<button mat-flat-button 
    color="accent"
    [routerLink]="['/about']">About
</button>

标签： angularangular-materialangular-ui-router

Answer 1

您可以使用 routerLinkActive="active" 设置颜色

<button mat-flat-button routerLinkActive="accent"    [routerLink]="['/about']">About
</button>

在你的 CSS

    .accent{
background-color : whatever you like
}