当前位置: 首页 > 面试题库 >

这对AngularJs过滤正常吗

孔理
2023-03-14
问题内容

我对angular非常陌生,但是我觉得这有点疯狂。

我在一个控制器作用域中通过ng-
repeat显示了多个集合。每个列表都有一个输入字段,可以执行简单的查询。我在代码中使用各种过滤器,最后我在过滤器函数中添加了console.log。我意识到,每次我的过滤器函数被一个列表调用时,作用域中的所有列表都被调用。此外,它每次都调用两次filter函数。因此,对于3个集合,过滤列表之一将调用6次过滤功能。

我以为可能只是我的自定义过滤器,所以我在默认过滤器功能上进行了尝试。相同的故事。这是我的代码:

https://dl.dropbox.com/u/905197/angular-filter-
test.html

转到控制台并亲自查看:/

我在这里做错了什么?这看起来很简单,但是却做了很多工作。


问题答案:

这是正常现象,angularjs使用“脏检查”方法,因此需要调用所有过滤器以查看是否存在任何更改。此后,它将检测到您对一个变量(您键入的变量)进行了更改,然后再次重新执行所有过滤器以检测其是否有其他更改。

看到这个问题的第一个答案



 类似资料:
  • 问题内容: 我有这样的角度嵌套对象。有没有办法为嵌套属性过滤它 我只显示父元素,但想按两个元素进行过滤,例如: 问题答案: 是的,如果我正确理解您的示例,则可以。 根据集合的大小,计算迭代所用的集合可能会更好,这样过滤器就不会随着模型的更改而不断地进行操作。 http://jsfiddle.net/suCWn/ 基本上,如果我理解正确,您会执行以下操作:

  • 主要内容:AngularJS 过滤器,表达式中添加过滤器,AngularJS 实例,AngularJS 实例,currency 过滤器,AngularJS 实例,向指令添加过滤器,AngularJS 实例,过滤输入,AngularJS 实例,自定义过滤器,AngularJS 实例过滤器可以使用一个管道字符(|)添加到表达式和指令中。 AngularJS 过滤器 AngularJS 过滤器可用于转换数据: 过滤器 描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集

  • 问题内容: 我有一组项目,我想使用ng-model作为字符串来过滤ng- repeat来过滤集合,到目前为止,我还没有找到一种方法来使表达式被否定时起作用,我做这样的事情: 在文档中,它说我们应该使用!否定表达,但仍然没有运气。 我究竟做错了什么? 问题答案: ‘!’ 字符位于过滤器字符串的前面,如下所示: 过滤器:’!’+ languageOrigin

  • 本文向大家介绍AngularJS常见过滤器用法实例总结,包括了AngularJS常见过滤器用法实例总结的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了AngularJS常见过滤器用法。分享给大家供大家参考,具体如下: 过滤器用来格式化需要展示给用户的数据。在HTML中的模板绑定符号 {{ }} 内通过 | 符号来调用过滤器。以下是常用的过滤器。 大小写过滤器 {{ name | upper

  • 本文向大家介绍详解Angularjs filter过滤器,包括了详解Angularjs filter过滤器的使用技巧和注意事项,需要的朋友参考一下 系统的学习了一下angularjs,发现angularjs的有些思想根php的模块smarty很像,例如数据绑定,filter。如果对smarty比较熟悉的话,学习angularjs会比较容易一点。这篇简单说一下angularjs的filter功能,a

  • 问题内容: 我想过滤结果。 有一个葡萄酒清单,我的愿望是当未选中任何复选框时,将显示整个葡萄酒清单。 当仅选中1个复选框时,显示相关类别 当选中多个复选框时,将显示相关类别 我是AngularJS的新手,我尝试了ng-model都没有成功,这是没有与函数关联的ng-model的代码: 如何使用ng-model或ng-change将功能与每个复选框按钮相关联以具有实时过滤模型? 问题答案: 只是添加