AngularJS-如何获取ngRepeat过滤结果参考

小编典典

javascript

我正在使用带有过滤器的ng-repeat指令，如下所示：

ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4"

我可以看到渲染结果很好；现在我想在控制器上对该结果运行一些逻辑。问题是如何获取结果项引用？

更新：

只是为了澄清一下：我正在尝试创建自动完成功能，我有以下输入内容：

<input id="queryInput" ng-model="query" type="text" size="30" placeholder="Enter query">

然后过滤的结果：

<ul>
   <li  ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4">{{item.name}}</li>
</ul>

现在我要浏览结果并选择其中一项。

阅读 370

2020-05-01

共1个答案

小编典典

更新：这是一种比以前更简单的方法。

 <input ng-model="query">
 <div ng-repeat="item in (filteredItems = (items | orderBy:'order_prop' | filter:query | limitTo:4))">
   {{item}}
 </div>

然后$scope.filteredItems是可访问的。

2020-05-01