栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

null
删除它:

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

要么

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

暗示:

属性与属性

当您在其中添加此绑定的HTML元素不具有该绑定中使用的名称的属性(

checked
在这种情况下),并且也没有将Angular组件或指令应用于具有的同一元素时
@Input()checked;
,则
[xxx]="..."
无法使用。

没有此类属性时要绑定的内容

替代方案是

[style.xxx]="..."
[attr.xxx]="..."
[class.xxx]="..."
这取决于你试图完成什么。

因为

<input>
仅具有
checked
属性,但没有
checked
属性
[attr.checked]="..."
是此特定情况的正确方法。

属性只能处理字符串值

常见的陷阱还在于,对于

[attr.xxx]="..."
绑定,值(
...
)始终是字符串化的。仅属性和
@Input()
s可以接收其他值类型,例如布尔值,数字,对象,…

__元素的 大多数 属性和属性都是连接的,并且具有相同的名称。

属性-属性连接

当绑定到属性时,该属性还仅从该属性接收字符串化的值。
当绑定到该属性时,该属性将接收与其绑定的值(布尔值,数字,对象等),而该属性又是字符串化的值。

此后Angular进行了更改,知道了这些特殊情况并进行了处理,

<label[for]="
即使没有这样的属性,您也可以绑定到(与相同
colspan



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/416006.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号