html - Angular2 - 动态添加 HTML 属性和类

Question

你能帮我找到一个关于如何在 Angular 2 中动态添加属性 && 类到 HTML 模板的答案吗？

例如:

<div class="some-class class-8" col-8></div>

上面例子中的 8 应该来自配置属性，但是如果没有定义特定的属性，那么 col- 和 class- 不应该被注入(inject)。

请不要指出这种类型的属性是一个bug(这种情况出现在Ionic2中)

Answer 1

[attr.col-8] 是正确的语法，但条件应返回空字符串(true，属性已设置)或 null(false，属性未设置)。例如:

[attr.col-6]="field.width == 6 ? '' : null"

工作正常。(我正在使用 ionic 3)