angularjs - 如何在 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/

如果您想从列表中完全删除元素，请使用 fiddle 中的 archive 函数。

注意:从版本 1.1.3 开始，过滤器行为发生了变化。你现在要使用

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

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