本文介绍了如何在Angular 2中动态更改指令的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用Angular 2+和Material2.我有一些md按钮,希望将其动态更改为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中动态更改指令的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!