Angular2 - 动态添加HTML属性和类

Question

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

例如.:

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

上面示例中的8应该来自配置属性,但如果未定义特定属性,则不应注入col-和class-.

请不要指出这种类型的属性是一个错误(这种情况发生在Ionic2中)

Answer 1

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

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

确实很好.(我正在使用离子3)