AngularJS orderby filter durch ein Kontrollkästchen

Question

Ich möchte angularJSorderby Filter mit einem Kontrollkästchen sowie Bestellung durch die Spalte verwenden. Dies funktioniert gut für mich:

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

ich für orderby mit einem Kontrollkästchen, um bestimmen möge. Wie soll ich das machen?

<input type="checkbox"> Order by id 

Answer 1

kann Ihnen helfen.

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>