Как создать фильтр в AngularJS

Question

Использование AngularJS, как вы создаете подмножество элементов в массиве?

Например, создайте новый массив из «todos», который включает только элементы «done: true».

function fooController ($scope) { 

$scope.todos = [ 
     {text:'foo'  , done:false}, 
     {text:'foobar'  , done:true}, 
     {text:'foofoo'  , done:false}, 
     {text:'foobar2' , done:true} 
] 

} 

http://docs.angularjs.org/api/ng.filter:filter

http://www.youtube.com/watch?v=WuiHuZq_cg4&list=PL173F1A311439C05D&context=C48ac877ADvjVQa1PpcFONnl4Q5x8hqvT6tRBTE-m0-Ym47jO3PEE%3D

См около 10:45 -> конец

Answer 1

Просто добавьте фильтр к вашему ngRepeat и только показать, что вы хотите:

ng-repeat='todo in todos | filter:done==true' 

Fiddle: http://jsfiddle.net/dPWsv/1/

Если вы хотите полностью удалить элемент из списка, использовать archive функции в скрипке.

Примечание: начиная с версии 1.1.3 изменилось поведение фильтра. Теперь вы будете использовать

ng-repeat='todo in todos | filter:{done:true}' 

Fiddle: http://jsfiddle.net/UdbVL/1/

Answer 2

Ok,

переменная обновления только данные проверены

ваша модель:

$scope.todos = [ 
     {text:'foo'  , done:false}, 
     {text:'foobar'  , done:true}, 
     {text:'foofoo'  , done:false}, 
     {text:'foobar2' , done:true} 
] 

вы хотите только проверил:

$scope.todoselect = $filter('filter')($scope.todos, {done:true}); 

при изменении модели вы хотите обновить переменную таким образом использовать часы в контроллере

$scope.$watch('todos', function(newval, oldval){ 
         if (oldval != newval) 
         { 
         $scope.todoselect = $filter('filter')($scope.todos, {done: true}); 
          } 
          },true 
         ); 
    }); 

Пример: http://plnkr.co/edit/PnABre?p=preview