AngularJS的动态属性

前端之家收集整理的这篇文章主要介绍了AngularJS的动态属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在某些情况下,我需要根据我的模型中的属性对节点应用不同的属性.

例如,在一种情况下,我需要添加一个“必需”标签,在另一种情况下不需要.我已经使用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' }
];
原文链接:https://www.f2er.com/angularjs/140613.html

猜你在找的Angularjs相关文章