小编典典

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>

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


阅读 368

收藏
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