Question

我正在尝试像

这样的东西

<ion-item class="item-icon-right " ng-repeat="project in jsonObj.Projects | filter:projectArea:true:ProjectStatus" type="item-text-wrap" ui-sref="tabs.detail({project:project['Project name']})">
  <div class="row">
    <div class="col col-45">
      <h2>{{project["Project name"]}}</h2>
      <h4>{{project["PM"]}}</h4>
    </div>

    <div class="col col-45"></div>
    <div class="col col-10">
      <span class="badge badge-assertive icon-badge"><i class="ion-ios-arrow-right"></i></span>
    </div>
  </div>
</ion-item>

控制器：

angular.module('App')
 .controller('ProjectsController', function ($scope, $rootScope, $stateParams, $state) {
        $scope.projectArea = $stateParams.area;
        $scope.ProjectStatus = $stateParams.Project_Status;      
  });

数据：

{PM: "Oommen", Area: "Foods", Project name: "PLuM", Reviewer: "Alex", A&D Start Date: "7-Dec-15"…}$$hashKey: "object:31"A&D End Date: "15-Jan-16"A&D Start Date: "7-Dec-15"Area: "Foods"Build End Date: "TBD"Build Start Date: "TBD"Implementation date: "TBD"PM: "Oommen"Project Status: "Green"Project name: "PLuM"Reviewer: "Alex"SIT End Date: "TBD"SIT Start Date: "TBD"ST End Date: "TBD"ST Start Date: "TBD"Status: "HLD Phase Kickoff. Review to be planned early"}

我正在尝试使用区域和项目状态值过滤ng-repeat。但是，它仅根据区域进行过滤。你能帮助找出问题吗？

Answer 1

你可以chain filters：

 project in jsonObj.Projects | filter:projectArea:true | filter:ProjectStatus

Answer 2

两个选项：

使用多个过滤器，其中一个过滤器使用前一个过滤器的结果（链接）

ng-repeat =“项目中的项目| myFirstFilter | mySecondFilter”
将要添加到等式中的数据或对象传递给过滤器。

ng-repeat =“项目中的项目| myFirstFilter：myData”

我会选择第一个选项，因为它可以清楚地分隔每个滤镜的功能。也使测试更容易。

具有多个变量的Angularjs ng-repeat过滤器属性？

2 个答案: