角度多重ng-repeat複数フィルタ

Question

複数のフィルタを持つ複数のng-repeatリストがあります。

私は（ex：A.value）if（ex：B.value）を使用しますが、複数のフィルタを使用したいと思います。私は、recommend_searchとskill_searchとlanguage_search複数のフィルタにしたい

その結果を検索全体（HTMLのdivクラスは= "パネル"）を変更したいされ

今recommend_searchフィルタはOKですが、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">