角度多重ng重复多个过滤器

Question

我有一个多重ng重复列表与多个过滤器。我使用（例如：A.value）如果（例如：B.value），但我想用多个过滤器。

我想多个滤镜recommend_search和skill_search和language_search，

则搜索结果是要改变整个（HTML DIV CLASS = “面板”）

现在recommend_search过滤器是好的，但skill_search和language_search过滤器只是跨度范围（html span id =“language”和span id =“skill”）

我该如何做多个过滤器搜索结果来更改整个（html div class =“panel”）？

angular.js

$scope.recommend=[]; 
    $http.get('/recommend/ajax').success(function (data, status) { 
    $scope.recommend = data; 
    }); 

HTML

<div ng-controller="recommendCtrl"> 
<!-- search --> 
<div class="col-lg-12" style="margin-bottom:20px;"> 
    <div class="input-group"> 
     <span class="input-group-btn"> 
      <input type="text" class="form-control" placeholder="recommend search" ng-model="recommend_search.name"> 
     </span> 
     <span class="input-group-btn"> 
      <input type="text" class="form-control" placeholder="skill search" ng-model="skill_search.skill_name"> 
     </span> 
     <span class="input-group-btn"> 
      <input type="text" class="form-control" placeholder="language search" ng-model="language_search.languagelv_name"> 
     </span> 
    </div> 
</div> 

<!-- recommend --> 
<div class="panel panel-default" ng-repeat="(key, value) in recommend.recommend | orderBy:'-id' | filter:recommend_search"> 
    <div class="panel-body"> 
     <!-- content --> 
     <div class="panel-content"> 
       <label class="ahr-label_bs"> 
        @{{ value.family_name}}@{{value.surname}} 
        <span ng-if="value.sex == 1">♂</span> 
        <span ng-if="value.sex == 0">♀</span> 
       </label> 
       <span>@{{value.name}}</span> 
       <!-- skill --> 
       <label class="label-gray">skill</label> 
       <span id="skill" ng-repeat="skill in recommend.personnels_skill | filter:skill_search" ng-if="value.personnels_id == skill.personnels_id"> 
           @{{skill.skill_name}}、 
          </span></p> 
       <!-- language --> 
       <label class="label-gray">language</label> 
       <span id="language" ng-repeat="language in recommend.languagelvs | filter:language_search" ng-if="value.personnels_id == language.personnels_id"> 
           @{{language.languagelv_name}}、 
       </span> 

       <label class="label-gray">country</label><span>@{{ value.country }}</span></p> 
     </div> 
    </div> 
</div> 

Answer 1

您可能链过滤器。

<div class="panel panel-default" ng-repeat="(key, value) in recommend.recommend | orderBy:'-id' | filter:recommendSearch | filter:anotherFilter | filter: oneMoreFilter">