Angular2指令 – 具有多个ID的选择器
发布时间：2020-12-17 17:35:30 所属栏目：安全 来源：网络整理
导读：我正在Angular 2中实现一个自定义指令,用于表单验证,在许多地方我看到在指令定义中,selector属性与多个id相关联 – 例如： @Directive({ selector: '[my-custom-validator][ngModel]'}) 多个'[…]'(括号)选择意味着什么？ 解决方法 与在CSS中一样,selector [
|
我正在Angular 2中实现一个自定义指令,用于表单验证,在许多地方我看到在指令定义中,selector属性与多个id相关联 – 例如：
@Directive({
selector: '[my-custom-validator][ngModel]'
})
多个'[…]'(括号)选择意味着什么？ 解决方法
与在CSS中一样,selector [attr]匹配具有名为attr的属性的元素.当多个属性选择器链接在一起时,元素上必须存在所有属性.
注意：与CSS不同,Angular在执行匹配时会忽略target属性上的任何[…]或[(…)]绑定括号. 因此,selector [my-custom-validate] [ngModel]匹配同时具有my-custom-validate属性和ngModel属性(包括[ngModel]和[(ngModel)])的元素.例如,选择器匹配 <input type="text" name="username" my-custom-validate [(ngModel)]="model.username"> 但不是 <input type="text" name="username" my-custom-validate> （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |