如何在Angular.Js中的click事件上做多个过滤器？

Question

我正在显示JSON文件中的不同文章，我想基于＆＃34;类别＆＃34;，＆＃34;地点＆＃34;，＆＃34;日期＆＃34;来过滤文章。因此，如果我选择任何类别，则结果应根据特定类别过滤掉，然后如果我选择位置，则应根据类别和位置过滤掉结果。请在此处查看我的运行代码＆＃34; http://plnkr.co/edit/1vcIAPSwvxQcbIzMhyzp?p=preview＆＃34;

请检查我的代码html代码：

<div ng-controller="ListCtrl">
<h2>By Category</h2>
<ul >
  <li ng-repeat="category in categories | filter:{parent: 0}:true | uniqueCategoryFilter">{{category.id}} - {{category.title}} - {{category.parent}}</li>
</ul>
</div> 

<div ng-controller="ListCtrl">
<h2>By Location</h2>
<ul >
  <li ng-repeat="location in taxonomy_location | uniqueLocationFilter">{{location.title}}</li>
</ul>
</div> 
   <div ng-controller="ListCtrl">
  <h2>By Date</h2>
<ul >
  <li ng-repeat="article in posts">{{article.date}}</li>
</ul>
</div> 

 <div ng-controller="ListCtrl">
<ul ng-repeat="article in posts">
  <li><a href="{{article.url}}"><img src="{{article.thumbnail}}" /><h2>{{article.title}}</h2><span >{{article.date | date:'mm/dd/yyyy'}}</span></a></li>
</ul>

请在此处查看我的javascript代码：

function ListCtrl($scope, $http) {
  $http({
method: 'GET',
url: 'json_price_1.json'
  }).success(function(data) {
$scope.posts = data.posts; // response data
$scope.categories = [];
$scope.taxonomy_location = [];
angular.forEach(data.posts, function(article, index) {

  angular.forEach(article.categories, function(category, index){
    $scope.categories.push(category);


  });
  angular.forEach(article.taxonomy_location, function(location, index){
    $scope.taxonomy_location.push(location);
  });
});
 });
}