AngularJS
文章平均质量分 73
诞生于09年,是Google发布的第一个MVVM框架。Angular 2+之前的版本都叫做AngularJS
abloume
这个作者很懒,什么都没留下…
展开
-
【AngularJS】脏检查机制及$timeout的妙用
||浏览器事件循环和Angular的MVW “脏检查”是Angular中的核心机制之一,它是实现双向绑定、MVVM模式的重要基础。 Angular将双向绑定转换为一堆watch表达式,然后递归检查这些watch表达式的结果是否变了,如果变了,则执行相应的watcher函数。等到Model的值不再变化,也就不会再有watcher函数被触发,一个完整的digest循原创 2017-03-11 12:53:02 · 5654 阅读 · 0 评论 -
【AngularJS】字符查找
首先,在页面的控制器代码中添加一个名为“key”的属性,用于保存用户在文本框中输入的字符内容,该属性初始化时为空值。然后,通过“ng-repeat”指令显示数据时,调用Angular中的“filter”过滤器,并添加一个对象性字符参数,指定在数据对象的“name”属性中查找“key”值,即在“姓名”属性中查找文本框输入的字符,如果找到,则显示在列表中,否则不显示任何数据。最后,在页面的视图原创 2017-03-04 11:50:04 · 1587 阅读 · 0 评论 -
【AngularJS】使用ng-repeat中$index的注意点
发现问题最近有客户投诉,说在删除指定的某条记录时,结果删掉的却是另外一条记录!看起来是个很严重的BUG。 有一次我们在工作中碰到了这个问题。 要定位这个BUG非常麻烦, 因为客户也不清楚如何重现这个问题。后来发现这个Bug是由于在 ng-repeat 中使用了 $index 引发的。一个简单动作(action)的列表先来看看一个完整有效的ng-repeat示例。转载 2017-03-07 22:44:49 · 8052 阅读 · 0 评论 -
【AngularJS】解决单击按钮事件中的冒泡现象
解决方法是,当子节点元素触发单击事件后,就需要终止该事件的冒泡,终止的方法是调用事件本身的stopPropagation方法,即event.stopPropagation,该方法的功能是终止事件的传播,在事件的节点上调用事件后,不再将事件分派到其他节点上。原创 2017-03-08 08:27:50 · 2222 阅读 · 0 评论 -
【AngularJS】释放多余的$watch检测函数
我们知道,在Angular中,数据的双向绑定是它非常强大的功能,也是它区别于其他前端框架的特征之一,而这个功能的实现离不开$watch函数。 如果在移动端设备中,众多的数据双向绑定必然诞生大量的$watch函数执行,这些$watch函数的执行会导致页面数据加载缓慢、元素绑定方法执行效率过低等性能问题。 因此,当不需要时,必须及时释放多余的$watch检测函数。原创 2017-03-08 08:46:05 · 3175 阅读 · 0 评论 -
【AngularJS】解决ng-if中的ng-model值无效的问题
与其他指令一样,ng-if指令也会创建一个子级作用域,因此,如果在ng-if指令中添加了元素,并向元素属性增加 ng-model指令,那么ng-model指令对应的作用域属性子级作用域,而并非控制器注入的$scope作用域对象,这点在进行双向数据绑定时,需要引起注意。 .frame{ padding: 5px 8px; margin:原创 2017-03-08 09:08:51 · 11269 阅读 · 3 评论 -
【AngularJS】数据绑定的最佳实践
由于JavaScript自身的特点,以及它在传递值和引用时的不同处理方式,通常认为,在视图中通过对象的属性而非对象本身来进行引用绑定,是Angular中的最佳实践。 --> Hello {{clock}} function myCtrl($scope, $timeout){ var updateClock = function原创 2017-03-08 21:07:13 · 343 阅读 · 0 评论 -
【AngularJS】ng-model-options指令
ng-model-options是angular-1.3新出的一个指令,这篇文章就来介绍这个指令的用法.ng-model-options允许我们控制ng-model何时进行同步. 比如:1.当某个确定的事件被触发的时候 2.在指定的防抖动延迟时间之后,这样视图值就会在指定的时间之后被同步到模型.为了了解它到底是什么意思,我们从一个最简单的ng-model指令创建的input元素双向转载 2017-03-09 11:36:24 · 758 阅读 · 0 评论 -
【AngularJS】自定义过滤器
先通过页面模块调用“filter”方法,创建了一个名为“young”的自定义过滤器,该过滤器将通过return语句返回一个函数。在函数体中,通过代码编写,实现对应需求的功能开发。首先,在这个函数中,定义了两个形参“e”和“type”,两者“e”参数在调用过滤器时,将会被需要过滤的数据自动注入,后者“type”参数,将会在调用过滤器时,通过冒号形式向过滤器传递实参。其次,在函数体中,由于原创 2017-03-04 11:38:59 · 347 阅读 · 0 评论