Question

我正在尝试根据数据库数据检查复选框。

我有类似

的东西

<div ng-controller="test">
    <div class="checkbox" ng-repeat="item in items">
        <input type="checkbox" ng-model="item.isSelected" ng-change="check(item)" ng-      
        checked="checkAll"/> {{item.name}}
    </div>
</div>

JS

app.controller("test", function($scope)
{
  //getting items data....
  //codes...

  //set item 0 to be selected
  $scope.items[0].isSelected = true;
}

但是，我似乎无法默认选中item[0]。我该如何做到这一点？感谢。

Answer 1

您发布的代码中存在一些语法错误 - 但除此之外，它应该可以正常工作。

JS：

var app = angular.module('app', []);
app.controller("test", function($scope)
{
  $scope.items = [];
  $scope.items.push({isSelected:true, name:'test'});
  $scope.items[0].isSelected = true;
});

HTML：

<body ng-app="app" ng-controller="test">
    <div class="checkbox" ng-repeat="item in items">
        <input type="checkbox" ng-model="item.isSelected" /> {{item.name}}
    </div>        
</body>

Answer 2

您只需要设置ng-init（不带控制器设置）：

<div ng-controller="test">
    <div class="checkbox" ng-repeat="item in items">
        <input type="checkbox" ng-init="item.isSelected=true" ng-model="item.isSelected" ng-change="check(item)" ng-      
        checked="checkAll"/> {{item.name}}
    </div>
</div>

如何选中默认复选框？

2 个答案: