在angularjs中对复选框值进行排序答案

【问题标题】：Sort on checkbox value in angularjs在angularjs中对复选框值进行排序
【发布时间】：2015-03-06 10:39:06
【问题描述】：

我想用 AngularJs 对表格中的一列真/假复选框进行排序（即先显示所有空复选框，反之亦然）。

复选框已绑定到模型，并且复选标记会相应显示，但我无法对列进行排序。有没有可能在角度做到这一点？

【问题讨论】：

标签： javascript angularjs checkbox angularjs-ng-repeat angularjs-orderby

【解决方案1】：

我想这不是故意的。。我的目的是我有 5 个复选框，其中两个被选中，然后我需要对它们进行排序，先选中复选框，反之亦然

【讨论】：

【解决方案2】：

查看此链接https://docs.angularjs.org/api/ng/filter/orderBy

这是 Angular 为这个功能提供的演示

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example - example-example103-production</title>


  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>



</head>
<body ng-app="orderByExample">
  <script>
  angular.module('orderByExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.friends =
          [{name:'John', phone:'555-1212', age:10},
           {name:'Mary', phone:'555-9876', age:19},
           {name:'Mike', phone:'555-4321', age:21},
           {name:'Adam', phone:'555-5678', age:35},
           {name:'Julie', phone:'555-8765', age:29}];
      $scope.predicate = '-age';
    }]);
</script>
<div ng-controller="ExampleController">
  <pre>Sorting predicate = {{predicate}}; reverse = {{reverse}}</pre>
  <hr/>
  [ <a href="" ng-click="predicate=''">unsorted</a> ]
  <table class="friend">
    <tr>
      <th><a href="" ng-click="predicate = 'name'; reverse=false">Name</a>
          (<a href="" ng-click="predicate = '-name'; reverse=false">^</a>)</th>
      <th><a href="" ng-click="predicate = 'phone'; reverse=!reverse">Phone Number</a></th>
      <th><a href="" ng-click="predicate = 'age'; reverse=!reverse">Age</a></th>
    </tr>
    <tr ng-repeat="friend in friends | orderBy:predicate:reverse">
      <td>{{friend.name}}</td>
      <td>{{friend.phone}}</td>
      <td>{{friend.age}}</td>
    </tr>
  </table>
</div>
</body>
</html>

【讨论】：