在angular-2属性语法中是

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

将属性role绑定到表达式myAriaRole的结果。

所以可以用like

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

内联地图也很方便。

它们也更加明确和易读。

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

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

在angular-2属性语法中是

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

将属性role绑定到表达式myAriaRole的结果。

所以可以用like

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

你可以用这个。

< span [attr.checked] = " val吗?True: false"> </span> . span

我想有工具提示只为一个特定的字段添加如下代码，但你想有工具提示在多，你可以有一个数组验证使用:

具有自定义data-tooltip属性的多个元素:

1:包括(键)

2： ['key1ToHaveTooltip'， 'key2ToHaveTooltip'].indexOf（key） > -1

在多个元素上有工具提示属性。

   <div *ngFor="let key of Keys"
             [attr.data-tooltip]="key === 'IwantOnlyThisKeyToHaveTooltipAttribute' 
                                           ? 'Hey! I am a tooltip on key matched'
                                           : null">
   </div>

如果它是一个输入元素，您可以编写类似....的内容 <input type="radio" [checked]="condition"> condition必须为true或false。

还有样式属性… < h4(风格。color] = "红”< / h4 > >一些文本