如何在Angular 2中添加条件属性？

我如何有条件地添加一个元素属性，例如checkbox的选中？

以前的Angular版本有NgAttr ，我认为NgChecked似乎都提供了我以后的function。 然而，这些属性似乎并不存在于Angular 2中，我没有看到提供这种function的其他方式。

Answer 1

null删除它：

 [attr.checked]="value ? '' : null" 

要么

 [attr.checked]="value ? 'checked' : null" 

Answer 2

在angular-2属性语法是

 <div [attr.role]="myAriaRole"> 

将属性angular色绑定到expression式myAriaRole的结果。

所以可以使用像

 [attr.role]="myAriaRole ? true: null" 

Answer 3

内联地图也非常方便。

他们也更清晰可读。

 [class]="{ 'true': 'active', 'false': 'inactive', 'true&false': 'some-other-class' }[ trinaryBoolean ]" 

只是另一种完成相同的事情的方式，以防你不喜欢三元语法或ngIf （等）。