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

标签 angular angular-material2

我正在使用 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那是不支持的。

但是你可以这样做:

<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 - 如何在 Angular 2 中动态更改指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42605871/

相关文章:

棱 Angular 分明!和奇偶

javascript - Angular 2 Google 放置自动完成事件监听器不响应

angular - 在哪里以及如何导入 MAT_LABEL_GLOBAL_OPTIONS?

angular - setInterval vs Observable的timer方法,哪个更适合创建timer

css - 当tailwind css模式以 Angular 13打开时如何将页面背景颜色变成深色

css - 应用于 Sidenav 内容的 Angular 不正确的边距

angular - 改变覆盖容器的样式

javascript - Material 扩展面板内容 - ng-template?

带 ckeditor 的 Angular Material 2 选项卡

javascript - Angular 变化 MatInput Size