角度多重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">