AngularJS - 如何获得ngRepeat过滤结果引用 [英] AngularJS - how to get an ngRepeat filtered result reference
本文介绍了AngularJS - 如何获得ngRepeat过滤结果引用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我使用的是NG重复指令,象这样过滤器:
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?
更新:
只是为了澄清:我试图创建一个自动完成,我有这个输入:
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">
和过滤后的结果:
<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>
然后 $ scope.filteredItems
是可访问的。
这篇关于AngularJS - 如何获得ngRepeat过滤结果引用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文