Angular中的過濾器

Question

我剛開始使用angular，我需要根據從下拉列表中選擇的項來過濾顯示的內容。

<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; 
}; 

Answer 1

如果您正在嘗試作爲過濾器使用的元素，那麼它應該是如下，

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

然後你將不得不在下面添加一個過濾器

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

請參考此鏈接瞭解更多信息https://docs.angularjs.org/api/ng/filter/filter