我如何有条件地添加一个元素属性,例如复选框的复选?
以前版本的Angular有NgAttr和NgChecked,它们似乎都提供了我想要的功能。然而,这些属性在Angular 2中似乎不存在,而且我也找不到其他方法来提供这个功能。
我如何有条件地添加一个元素属性,例如复选框的复选?
以前版本的Angular有NgAttr和NgChecked,它们似乎都提供了我想要的功能。然而,这些属性在Angular 2中似乎不存在,而且我也找不到其他方法来提供这个功能。
当前回答
在这里,段落只打印'isValid'为真/它包含任何值
<p *ngIf="isValid ? true : false">Paragraph</p>
其他回答
在这里,段落只打印'isValid'为真/它包含任何值
<p *ngIf="isValid ? true : false">Paragraph</p>
对于为已经存在的scss编写HTML的人,可以使用更好的方法。 超文本标记语言
[attr.role]="<boolean>"
scss
[role = "true"] { ... }
这样你就不需要<boolean> ?True:每次都为空。
你可以用这个。
< 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>
内联地图也很方便。
它们也更加明确和易读。
[class]="{ 'true': 'active', 'false': 'inactive', 'true&false': 'some-other-class' }[ trinaryBoolean ]"
只是完成同样的事情的另一种方式,以防你不喜欢三元语法或ngif(等)。