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

查看:132
本文介绍了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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆