如何在Angular 2中动态更改指令 [英] How to Change Directive Dynamically in 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中动态更改指令的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！