angular.js - angular怎么修改ng-repeat的ng-checked状态？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

漂亮男人 2017-05-15 17:03:50

[AngularJS讨论组]

1202

从后端获取数组如下：

$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()">

漂亮男人

全部回复(3)

给我你的怀抱2017-05-15 17:05:50 3楼

$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;
    });
};

赞 +0

添加回复

为情所困2017-05-15 17:05:50 2楼

$scope.arr = [
    { selected:true }
    { selected:true }
    { selected:true }
];

$scope.select = function(status){
    $scope.arr.map(function(item){
        item.selected = status === 'all'? true: !item.selected;
    });
}

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

<button ng-click="select('all')">全选</button>
<button ng-click="select('inverse')">反选</button>

这里边的反选说的是在不全选的情况下，选中变为未选中，未选中变选中，不是清空！！！
清空的话要复杂一点。

赞 +0

添加回复