AngularJS 過濾器對象數組與 JavaScript 中的搜索詞

Question

我目前正在嘗試使用輸入字段中的搜索詞過濾一組對象。 我知道有一種方法可以使用此代碼ng-repeat="item in list| filter:search_term將搜索詞應用於 ng-repeat 指令。但我需要在應用程序的 JavaScript 部分處理過濾列表。是有沒有一種方法可以訪問應用程序的 JS 部分中的過濾列表，或者我是否必須選擇另一種方法來通過搜索詞過濾我的數組？

這是我的（目前不工作）示例代碼。

編輯：
我正在尋找一種完全完成任務的方法，而無需在我的ng-repeat上使用過濾器！ 最后，應該可以只使用一個簡單的ng-repeat="item in filtered_list來顯示過濾列表

Answer 1

您也可以在控制器中使用過濾器。 這是您更新的小提琴。 我希望這會有所幫助。

`https://jsfiddle.net/ymcfugzp/3/`

Answer 2

然后你應該在Component內部過濾它。

您可以擁有一個過濾功能並進行其他處理的功能，類似於下面的功能：

myFilter(term) {
  const filtered = list.filter(element => element.term === term);
  // Do other stuff in here.
  return filtered;
}

那么你的模板可能就這么簡單：

ng-repeat="myFilter(term)"

Answer 3

你可以這樣說： ng-repeat="item in filteredList = (list| filter:search_term)然后，只是讓你filteredList通過$scope.filteredList 。

或者像這樣使用控制器別名： ng-repeat="item in $ctrl.filteredList = ($ctrl.list| filter:search_term) - 為了不在$scope保留數據