我正在使用带有过滤器的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>
现在我要浏览结果并选择其中一项。
更新 :这是一种比以前更简单的方法。
<input ng-model="query">
<div ng-repeat="item in (filteredItems = (items | orderBy:'order_prop' | filter:query | limitTo:4))">
{{item}}
</div>
然后$scope.filteredItems
是可访问的。
本文向大家介绍AngularJS ngRepeat,包括了AngularJS ngRepeat的使用技巧和注意事项,需要的朋友参考一下 示例 ng-repeat 是Angular中的内置指令,它使您可以迭代数组或对象,并使您能够为集合中的每个项目重复一次元素。 ng-重复数组 其中: item =集合中的单个项目 itemCollection =您要迭代的数组 ng-重复一个对象 其中: key
问题内容: 如果我有一个带有对象作为属性值的复杂对象,如何按嵌套的属性之一进行过滤? 可以使用OOB ng-repeat过滤器完成此操作吗? 数据 ngRepeat 问题答案: 您需要传入参数以过滤: 柱塞示例
问题内容: 我像电话教程一样在angularJS中使用ng- repeat和filter,但我想在页面中突出显示搜索结果。使用基本的jQuery,我只需在输入的键上解析页面,但是我试图以有角度的方式进行操作。有任何想法吗 ? 我的代码: 问题答案: 对于AngularJS v1.2 + HTML: JS: CSS:
问题内容: 我有一组项目,我想使用ng-model作为字符串来过滤ng- repeat来过滤集合,到目前为止,我还没有找到一种方法来使表达式被否定时起作用,我做这样的事情: 在文档中,它说我们应该使用!否定表达,但仍然没有运气。 我究竟做错了什么? 问题答案: ‘!’ 字符位于过滤器字符串的前面,如下所示: 过滤器:’!’+ languageOrigin
问题内容: 当我用ng-repeat迭代一些数组时,我想在过滤器中使用参数 例: HTML部分: JavaScript部分: 但是我希望能够使用像 但是它不起作用。我该怎么做? 问题答案: 更新: 我想我对文档的了解并不足够,但是您绝对可以使用具有以下语法的过滤器过滤器(请参阅此小提琴)来按对象的属性过滤: 如果有帮助,这是我的原始答案: 使用过滤器过滤器将无法传递参数,但是至少可以做两件事。 1
问题内容: 我想要一个占位符,例如当过滤器结果返回空时。谁能帮忙吗?我什至不知道从哪里开始… HTML : JS : jsFiddle :http : //jsfiddle.net/adrn/PEumV/1/ 谢谢! 问题答案: 对只需要指定一次过滤器的方法进行了调整: 小提琴