在ng-repeat Angular js中动态创建复选框时,如何动态设置复选框的ng-true-value

时间:2015-12-18 09:25:43

标签: angularjs

我根据动态数据使用ng-repeat创建了多个复选框,我想用动态数据设置复选框的ng-true-value,即字符串,我的代码如下:< / p>

<div ng-app="myApp" ng-controller="PostList">
            <ul>
              <li ng-repeat="ff in totalFeatures">
                <input type="checkbox"  ng-model="checkBoxModel.search[$index]" ng-true-value="{{ff}}" ng-false-value="" name="{{ff}}"/>
                <label>{{ff}}</label>
              </li>
            </ul>
</div>

2 个答案:

答案 0 :(得分:1)

尝试使用ng-repeat这样的实例

 <li ng-repeat="ff in totalFeatures">
    <input type="checkbox"  ng-model="ff.isChecked" ng-true-value="{{ff.checkedTrueValue}}" ng-false-value="{{ff.checkedFalseValue}}" />
    <label>{{ff}}</label>
  </li>

您可以在isChecked

中获取/设置checkedTrueValuecheckedFalseValue$scope.totalFeatures的值

答案 1 :(得分:1)

您必须将checkBoxModel.search[$index]定义为ng-model

ng-true-value / ng-false-value表示在truefalse上绑定到模型的值。

如果这些值不是boolean,你也必须用单引号将它们包起来。

例如。 ng-true-value="'{{ff.checkedTrueValue}}'"