過濾多個用戶界面的預輸入自動完成

Question

我有摘錄的片段 。 我嘗試過濾兩個字段的結果（或條件）

typeahead="state as state.name for state in statesWithFlags | filter:{name:$viewValue,country:$viewValue}"

代替當前

typeahead="state as state.name for state in statesWithFlags | filter:{name:$viewValue}"

條件用作AND項，但我需要OR項

Answer 1

您可以創建一個自定義過濾器：

angular.module('plunker')
  .filter('custom', function () {
    return function(inputArray, args) {
      var outputArray = [];
      // Filtering logic below:
      angular.forEach(inputArray, function (item) {
        if (item.name.indexOf(args.viewValue) !== -1 || item.country.indexOf(args.viewValue) !== -1) {
          outputArray.push(item);
        }
      });
      return outputArray;
    };
  });

請在此處查看工作中的監聽器： http ://plnkr.co/edit/4s2ZxOokiXw9uMG5r75

您可以在此處找到用於創建自定義過濾器的文檔： https : //docs.angularjs.org/guide/filter#creating-custom-filters