Angular2 -动态添加HTML属性和类

Question

请你帮我找到一个答案，如何动态添加一个属性&&类到HTML模板中的角2？

例如：

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

8在上面的示例中，应该来自configuration属性，但是如果没有定义特定的属性，则不应该注入-和类-。

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

Answer 1

488-8是正确的语法，但条件应该返回空字符串(true，attribute设置)或null (false，属性没有设置)。例如：

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

做得很好。(我的工作是离子3)

Answer 2

对于动态类，可以使用以下方法：

<div [ngClass]="{'some-class': true, 'class-8': true}">...</div>

对于属性，可以使用:：

<div [attr.col-8]='true' > </div>

这里，true/false是Boolean值，因此您也可以设置conditions，以便在满足某些条件时添加类/属性。

如果您想通过@ via ()修改

@Input(dynamicVar)dynamicVar:String;
<div {{ dynamicVar !== '' ? 'col-'+dynamicVar : '' }} > </div>

Answer 3

就连我也说错了:att.cot-12=‘false’，arribute设置在标签上。我和安古拉一起工作