2017-04-04 14 views
0

私はちょうど角度をつけて作業を始めました。私はドロップダウンリストから選択したアイテムに基づいてフィルタをかける必要があります。角度のフィルタ

<div title="{{agreement.number}} - {{agreement.provider}}" ng-show="agreement.provider.toLowerCase().indexOf(searchParam.toLowerCase()) != -1 || agreement.sa_id.toLowerCase().indexOf(searchParam.toLowerCase()) != -1" ng-repeat="agreement in tableList | orderBy : 'number' track by $index | filter: provider:selectedProduct "> 
    <a href="#" style="display:block;"> 
    <div class="itemContainerList" ng-class="{'gridview': !ListView , 'listViewAnimate': ListView}"> 
     <div> 
     <div class="alignItemContainerList"> 
      <div> 
      <img class="list_normal" src="img_list_logo_blank_hsbcSA.svg" /> 
      <img class="list_hover" src="img_list_logo_geralSA.svg" /> 
      </div> 
      <div class="alignItemContainerText"> 
      {{agreement.number}} - {{agreement.provider}} 
      </div> 
     </div> 
     </div> 
    </div> 
    </a> 
</div> 

私のjavascriptのコードは以下の通りです:

<!-- language: javascript --> 
$scope.selectItem = function(car) { 
    $scope.selectedBusiness = car; 
    $scope.showList = false; 
    $scope.overlay = false; 
}; 
+0

あなたのドロップダウンコードを表示 –

+0

ng-repeat = "tablelistの一致| orderBy:$ indexによって 'number'トラック|フィルタ:selectedItem –

+0

答えて

1

あなたがフィルタとして使用しようとしている要素を持っている場合、それは以下のようにする必要があり、

<input type="text" ng-model="search.fullname"/> 

そして、最後に指定したフィルタを追加する必要があります。

<div ng-repeat="agreement in tableList | orderBy : 'number' track by $index | filter: search"> 

詳細については、このリンクを参照してください