如何在ng-repeat中添加兩個過濾條件或條件Angular JS

Question

我正在使用ng-repeate，並且在我的過濾器中，我需要使用無法由內部選擇過濾器引用的上邊界列表中的一個字段，所以我需要設置在HTML塊過濾器，而不是在js文件.somthing這樣的：

<div ng-repeat="groupfield in gCtrl.groupingFields"> 
     <select ng-options="c.id as c.title for c in gCtrl.columnList | filter : {available:true } || {id:groupfield.fieldName}"> 
</select></div> 

Answer 1

您可以通過過濾器的自定義功能。你不能將參數傳遞給實際的過濾函數，所以訣竅是創建一個返回過濾函數的函數，並將groupfield傳遞給它。

function MyController() { 
    this.customFilter = customFilter; 

    function customFilter(groupfield) { 
     return function(value, index, array) { 
      return value.available || groupfield.fieldName === value.id; 
     } 
    } 
} 

<div ng-repeat="groupfield in gCtrl.groupingFields"> 
    <select required class="form-control" ng-model="groupfield.fieldName" ng-options="c.id as c.title for c in gCtrl.columnList | filter : groupCtrl.customFilter(groupfield)"></select> 
</div>