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保留数据