如何在 AngularJS 中预过滤搜索答案

【问题标题】：How to pre-filter a search in AngularJS如何在 AngularJS 中预过滤搜索
【发布时间】：2015-05-22 15:22:14
【问题描述】：

我有一个显示一堆项目的页面，我有一个带有一些选择的侧边栏和一个用于过滤显示的项目的搜索字段。它工作正常，但现在我必须制作一个搜索结果页面。

客户端使用查询字符串 ?s=something 进入搜索结果页面我通过这样做得到了搜索查询：

$scope.searchTerm = $location.search().s;

所以我认为如果我将搜索字段（过滤结果）的值设置为 {{searchTerm}} 就可以了，但我错了。

搜索字段上显示了查询字符串，但它没有过滤。

假设我有一个名为 product x 的产品，而我的搜索查询是 venus。所有产品仍在展示中。有什么想法吗？

【问题讨论】：

【解决方案1】：

如果您有类似这样的输入：

<input type="text" ng-model="dataFilter" class="form-control">

那么你的重复需要像这样包含 ng-model 作为过滤器：

ng-repeat="user in dataSet | filter: dataFilter"

然后只需将您想要的过滤器分配给搜索过滤器的 $scope 变量，在本例中为 $scope.dataFilter。

【讨论】：