如何在 Angular 2 中动态更改指令 [英] How to Change Directive Dynamically in Angular 2
本文介绍了如何在 Angular 2 中动态更改指令的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用 Angular 2+ 和 Material 2.我有一些 md-button(s),我想动态地更改为 md-raised-button.例如我想要这个:
I'm working with Angular 2+ and Material 2. I have some md-button(s) which I want to change to md-raised-button dynamically. For example I want this:
<a md-button [routerLink]="['/home']">Home</a>
改成这样:
<a md-raised-button [routerLink]="['/home']">Home</a>
当链接处于活动状态或我将鼠标悬停在它上面等时.
when the link is active or I'm hovering over it etc.
推荐答案
根据这个 回答 不支持.
但你可以这样做:
<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>
这篇关于如何在 Angular 2 中动态更改指令的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文