角型チェックボックスによるフィルタリング

Question

angularJSorderbyフィルタにチェックボックスと列での注文を使用します。

<tr ng-repeat="player in players | orderBy:'id':true | rangeFilter:min:max"> 
    <td>{{player.id}}</td> 
</tr> 

私はorderbyのチェックボックスをオンにしたいと思っています。私はどうしたらいいですか？

<input type="checkbox"> Order by id 

Answer 1

です。あなたのチェックボックス `NG-model`を与え、その後、` orderBy`比較して、そのモデルの変数を使用して

var myapp = angular.module('app', []); 
 
myapp.controller('Main', function ($scope) { 
 
    $scope.model = false; 
 
    $scope.data =[ 
 
     { 
 
     "content" : "some content0", 
 
     "createdAt" : "1459401001460", 
 
     "completed" : false 
 
     }, 
 
     { 
 
     "content" : "some content1", 
 
     "createdAt" : "1459401001325", 
 
     "completed" : true 
 
     }, 
 
     { 
 
     "content" : "some content2", 
 
     "createdAt" : "1459401001460", 
 
     "completed" : false 
 
     }, 
 
     { 
 
     "content" : "some content3", 
 
     "createdAt" : "1459401001325", 
 
     "completed" : true 
 
     }, 
 
     { 
 
     "content" : "some content4", 
 
     "createdAt" : "1459401001460", 
 
     "completed" : false 
 
     }, 
 
     { 
 
     "content" : "some content5", 
 
     "createdAt" : "1459401001325", 
 
     "completed" : true 
 
     } 
 
]; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app = "app"> 
 
    <div ng-controller="Main"> 
 
<input type="checkbox" ng-model="model"> 
 
<div > 
 
    <table class="table table-bordered"> 
 
     <tr ng-repeat="d in data | filter: {completed: model }"> 
 
      <td>{{d.content}}</td> 
 
     </tr> 
 
    </table> 
 
</div> 
 
    </div> 
 
</div>