AngularJS的动态属性

发布时间：2020-12-17 09:27:12 所属栏目：安全来源：网络整理

导读：在某些情况下,我需要根据我的模型中的属性对节点应用不同的属性. 例如,在一种情况下,我需要添加一个“必需”标签,在另一种情况下不需要.我已经使用ng-if与不同的分支来完成这一点,但是案例很快就失控了. div ng-if="model.required" input class="form-contr

在某些情况下,我需要根据我的模型中的属性对节点应用不同的属性.

例如,在一种情况下,我需要添加一个“必需”标签,在另一种情况下不需要.我已经使用ng-if与不同的分支来完成这一点,但是案例很快就失控了.

<div ng-if="model.required">
    <input class="form-control"
           type="text"
           required 
           ng-model="model" />
 </div>
 <div ng-if="!model.required">

    // as different options arise,// i have more forks for each attribute combo

    <input class="form-control"
           type="text"
           ng-model="model" />
 </div>

是否有更好的方式动态应用属性到节点？

我已经快速创建了一个允许你动态指定属性的指令.

http://jsfiddle.net/HB7LU/1806/

我不知道是否会以这种简单的形式获得所需的效果,但这可能是一个很好的起点.你本质上使用：

< div dyn-attrs =“someModelArray”>< / div>

并相应地设置您的模型：

$scope.someModelArray = [
    { attr: 'myattribute',value: '' },{ attr: 'anotherattribute',value: 'val' }
];

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!