如何首先显示选中的复选框,然后在angularjs中取消选中

时间:2017-09-19 06:30:16

标签: angularjs

我正在获取一些已分配给已选中复选框的用户的记录。我想分配一些未经检查的复选框。如何首先显示选中的复选框,然后显示其后未选中的内容?

1 个答案:

答案 0 :(得分:1)

您可以使用角度过滤器 首先显示已选中的复选框以及未选中的任何内容,在它们之后显示

试试这个:



var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.data = [
    {id: 1, value: 1},
    {id: 2, value: 0},
    {id: 3, value: 1},
    {id: 4, value: 0},
    {id: 5, value: 0}
  ];
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="myApp">
<div ng-controller="myCtrl">
<h2>Checked</h2>
<div ng-repeat="item in data | filter : { value : 1}">
	{{item.id}} : <input type="checkbox" ng-checked="item.value=='1'"/>
</div>
<h2>Unchecked</h2>
<div ng-repeat="item in data | filter : { value : 0}">
	{{item.id}} : <input type="checkbox" ng-checked="item.value=='1'"/>
</div>
</div>
</div>
&#13;
&#13;
&#13;

希望有所帮助......