使用过滤器来过滤angularjs中的对象

Question

我正在测试$ filter过滤功能，我没有使用过它，有人可以告诉问题是什么，为什么过滤这些对象。

这里是jsfiddle

var app = angular.module('myApp', []); 

function ctrl($scope, $filter) { 
    $scope.images = [{ 
     orgName: 'B', 
     sortOrder: 111 
    }, { 
     orgName: 'A', 
     sortOrder: 12 
    }, { 
     orgName: 'D', 
     sortOrder: 13 
    }, { 
     orgName: 'C', 
     sortOrder: 14 
    }]; 

    $scope.filter = function() { 
     $scope.images = $filter('filter')($scope.images, 'orgName'); 
    } 
} 

Answer 1

jsFiddle

我也改变了HTML的链接现在是（通过ORGNAME作为参数）：

<a href="" ng-click="filter(image.orgName)">{{image.orgName}}</a> 

现在的过滤器得到orgname作为参数并且具有用于比较的功能：

var app = angular.module('myApp', []); 
function ctrl($scope, $filter) { 
    $scope.images = [{ 
     orgName: 'B', 
     sortOrder: 111 
    }, { 
     orgName: 'A', 
     sortOrder: 12 
    }, { 
     orgName: 'D', 
     sortOrder: 13 
    }, { 
     orgName: 'C', 
     sortOrder: 14 
    }]; 

    $scope.filter = function (orgName) { 
     $scope.images = $filter('filter')($scope.images, {'orgName': orgName}); 
    } 
} 

你可能想要考虑有两个列表的列表，或者一旦你过滤掉了所有其他元素永远。例如，像displayImages，allImages这样的东西。

另外jsFiddle有两个列表，正如我上面所说的那样，重置。