angular - 有条件地应用指令

Question

我正在使用 Material 2 添加 md-raised-button。我只想在特定条件成立时应用此指令。

例如:

<button md-raised-button="true"></button>

另一个例子:我在 plunker 中创建了一个基本的动态 react 形式。我正在为控件数组使用 react 形式的 formArrayName 指令。我只想在特定条件为真时应用 formArrayName 指令，否则不要添加 formArrayName 指令。

这是一个plunker link .

Answer 1

如果您只需要添加一个属性来触发 CSS 规则，您可以使用以下方法:(这不会动态创建/销毁指令)

<button [attr.md-raised-button]="condition ? '' : null"></button>

同样适用于你的 plunker:fork

更新:

如何 condition ? '' : null用作值:

当它是空字符串 ( '' ) 时，它变成 attr.md-raised-button="" , 当它的 null该属性将不存在。

更新: 插件更新:fork (版本问题已修复，请注意问题最初是基于 angular 4 的)