Angular自动检查特定复选框

时间:2014-05-29 17:07:17

标签: javascript angularjs

我有一个带有几个复选框的表单,表单正在通过angularjs进行处理。我对角度没有了解,但是我读到它以找到解决问题的方法。我希望在加载表单时自动选中一个复选框。当我查看下面的代码时,我什么都不懂,所以我需要你的帮助。

HTML :(我认为这会在表单GUI中动态生成一些< li>选项)

<ul class="sublist" style="padding-top:{{ $index * 38}}px;" ng-init="index=$index" ng-if="forActive == k" ng-repeat="(k, v) in forData">
    <li class="selected" ng-repeat="val in v">
        <a href="" title="">{{ val }} </a>
            <input value="{{ k }} > {{ val }}" type="checkbox" class="flc" ng-click="addForValue(k + ' > ' + val)" />
    </li>
</ul>

数组的内容是角度: $scope.design.fors = [Adults > Men,Adults > Plus]

例如,当表单加载时,复选框 value = Adults&gt;应检查男性

提前致谢

1 个答案:

答案 0 :(得分:1)

我通常处理这个问题的方法是让我的对象更富有:

$scope.design.fors = [ 
    { value: "Adults > Men", checked: true},
    { value: "Adults > Plus", checked: false}]

然后在视图中,您可以编写如下内容:

<ul class="sublist">
    <li class="selected" ng-repeat="item in design.fors">
        <input type="checkbox" ng-model="item.checked" /> {{item.value}}
    </li>
</ul>