Angularjs:添加动态属性

时间:2014-02-28 14:24:48

标签: javascript angularjs dynamic attributes repeat

我有这样的数据:

$scope.list = {
  0:{'type':'text','required':true},
  1:{'type':'text','required':false},
  2:{'type':'text','required':true}
};

我正在使用ng-repeat创建表单

<div ng-repeat="l in list">
  <input type="{{l.type}}" />
</div>

如果“l.required”的值为true,我想如何获取“必需”属性

像这样:

<div>
  <input type="text" required />
</div>
<div>
  <input type="text" />
</div>
<div>
  <input type="text" required />
</div>

我是怎么做的

1 个答案:

答案 0 :(得分:6)

尝试:

<div ng-repeat="(k, l) in list">
  <input type="{{l.type}}" ng-required="l.required" />
</div>

因为它是您正在迭代的对象,所以您需要使用迭代的值,即(k, l) in list并使用ng-required来设置所需的标记。