本文介绍了如何在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中动态更改指令的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-02 01:44