angular - 如何在 Angular 2 中动态更改指令

Question

我正在使用 Angular 2+ 和 Material 2。我有一些 md-button(s)，我想动态地更改为 md-raised-button。例如我想要这个:

<a md-button [routerLink]="['/home']">Home</a>

变成这样:

<a md-raised-button [routerLink]="['/home']">Home</a>

当链接处于事件状态或我将鼠标悬停在它上面时等。

Answer 1

根据这个answer那是不支持的。

但是你可以这样做:

<a *ngIf="condition" md-button [routerLink]="['/home']" 
(mouseover)="condition= true" (mouseout)="condition= false">Home</a>

<a *ngIf="!condition" md-raised-button [routerLink]="['/home']"
(mouseover)="condition= true" (mouseout)="condition= false" >Home</a>