如何以角度动态设置属性？

Posted 2023-02-22

【中文标题】如何以角度动态设置属性？

【英文标题】：How to set attributes dynamically in angular?

【发布时间】：2019-07-21 04:56:02

【问题描述】：

我在 Angular 7 项目中使用 Angular 材质和 ngx-form-schema。如何创建一个指令来处理所有类型的垫子按钮？我想将诸如“mat-flat-button”或“mat-raised-button”之类的垫子按钮类型发送到该指令，然后该指令显示该垫子按钮。

【参考方案1】：

创建两个按钮。一个是mat-flat-button，一个是mat-raised-button。然后使用*ngIf 或ngSwitch 一次只显示一个。

【讨论】：

这可能需要两个以上的按钮类型。有通用方法吗？

一种方法是创建一个将类型作为输入的包装器组件，并在该组件中使用ngSwitch。更好的解决方案是使用ng-container，您可以将类型绑定到ngComponentOutlet 属性。如果我是正确的，这样它也可以动态获取组件工厂。