默认选中angularjs中的所有复选框

角度的

我正在用angularjs创建一个应用程序。打开页面时显示所有选中的复选框时出现问题。

这是我的代码：

<div class="check_box">
<input type="checkbox" id="checkbox1" name="checkbox" ng-model="selectedAllStatus" ng-click="checkAllTypes()">
<label for="checkbox1"><span for="checkbox1">All</span></label>
</div>
</li>

<li ng-repeat="customersFlowsList in customersFlows | unique:'type'" ng-init="checkAllTypes()">

<div class="check_box">
<input type="checkbox" id="checkbox1" name="checkbox"  ng-model="filter[customersFlowsList.type]">
<label for="checkbox1"><span for="checkbox1">{{customersFlowsList.type | customerType}}</span></label>
</div>
</li>

这是我的js代码：

$scope.checkAllStatus = function()
    {
       console.log($scope.selectedAll)
        if ($scope.selectedAll) {
            $scope.selectedAll = true;
        } else {
            $scope.selectedAll = false;
        }
        angular.forEach($scope.customersFlows, function (customersFlowsList) {
           $scope.filterLink[customersFlowsList.linkStatus] = $scope.selectedAll;
        });

    }

在单击按钮时，所有复选框都已选中（正在运行），但是我要在页面打开时选择所有复选框。

阿瑟费罗夫

您可以在模板加载之前在控制器中完成此操作

 $scope.checkAllStatus = function() {
   console.log($scope.selectedAll)
   if ($scope.selectedAll) {
     $scope.selectedAll = true;
   } else {
     $scope.selectedAll = false;
   }
   angular.forEach($scope.customersFlows, function(customersFlowsList)         {
     $scope.filterLink[customersFlowsList.linkStatus] = $scope.selectedAll;
   });

 }


  $scope.selectedAllStatus = true;
  $scope.checkAllStatus()

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。