AngularJS - 如何获得 ngRepeat 过滤结果参考 [英] AngularJS - how to get an ngRepeat filtered result reference

问题描述

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

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

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

更新:

<小时>

只是为了澄清:我正在尝试创建一个自动完成，我有这个输入:

然后是过滤后的结果:

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

现在我想浏览结果并选择其中一项.

解决方案

更新:这里有一种比以前更简单的方法.

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

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

I am using an ng-repeat directive with filter like so:

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

and I can see the rendered results fine; now I want to run some logic on that result in my controller. The question is how can I grab the result items reference?

Update:

---

Just to clarify: I'm trying to create an auto complete, I have this input:

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

and then the filtered results:

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

now I want to navigate the result and select one of the items.

解决方案

UPDATE: Here's an easier way than what was there before.

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

Then $scope.filteredItems is accessible.

这篇关于AngularJS - 如何获得 ngRepeat 过滤结果参考的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！