如何在angular 6中有条件地向HTML元素添加属性

Question

我想根据某些条件动态更改mat-button类型。这需要动态更改<button>元素的属性。最好的方法是什么？ 以下是具有基本设置的堆叠闪电战。

https://stackblitz.com/edit/angular-material-change-btn-type

我看过这篇文章。但是总共有8种按钮类型，我认为添加8种条件并将它们绑定到变量可能不是一个好的解决方案。有更好的选择吗？

Answer 1

您只需将模板中的按钮元素更改为：

<button mat-button [ngClass]="selectedButtonType">This Button </button>

希望对您有帮助！