Angular 为按钮元素创建我自己的属性（不使用 ngClass 或类）答案

【问题标题】：Angular create my own attributes for a button element (not with ngClass or class)Angular 为按钮元素创建我自己的属性（不使用 ngClass 或类）
【发布时间】：2021-11-03 15:30:15
【问题描述】：

我正在使用 Angular 12，并且我创建了一个包含按钮元素的按钮组件。我也知道如何使用@Input、Output 等...按钮传递数据我需要做的是拥有像 Angular 的 Material UI 这样的东西：

如果我有这个：

<button></button>

如何在不使用 ngClass 或 Class 的情况下连接颜色类，但像这样：

<button color="myclass"></button> ?

【问题讨论】：

可以使用角度指令link
您能否澄清一下您是要创建一个自定义按钮元素，它接受一个表示颜色的字符串作为输入属性，还是要创建一个自定义属性指令，根据条件为您的按钮元素着色？

标签： angular angular12

【解决方案1】：

您可以为按钮元素创建一个属性指令，该指令在内部确实接受输入并将其应用于按钮。

attribute-directives

他们几乎给出了您需要的相同示例。：example

【讨论】：