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

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

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

null删除它:

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

要么

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

在angular-2属性语法是

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

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

所以可以使用像

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

内联地图也非常方便。

他们也更清晰可读。

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

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