angular.js - angular怎么修改ng-repeat的ng-checked状态？

问题描述

问 题

从后端获取数组如下：

$scope.arr = [
    {
        selected:true;
    }
    {
        selected:true;
    }
    {
        selected:true;
    }
]
$scope.select = function(){
    // 如何在不调用后端接口的情况下，修改ng-repeat中ng-checked的状态实现全选和反选？
    
}

<ul>
    <li ng-repeat="i in arr">
        <input type="checkbox" ng-checked="i.selected">
    </li>
</ul>

<input type="checkbox" ng-click="select()">

解决方案

$scope.selectedAll = true;

$scope.arr = [
    {
        selected:true;
    }
    {
        selected:true;
    }
    {
        selected:true;
    }
]
$scope.select = function(){
    $scope.selectedAll = !$scope.selectedAll;
    $scope.arr.forEach(function(item){
        item.selected = $scope.selectedAll;
    });
};

这篇关于angular.js - angular怎么修改ng-repeat的ng-checked状态？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！