AngularJS初级及实际应用
本AngularJS系列文章详细介绍了Angular的初级学习知识点和项目中应用的实战,包括Angular的分页查询,Angular的双向数据绑定,Angular的自定义服务,Angular的事件监听机制,这些都是WebApp中应用到的。
周坤_66
代码是一种艺术
展开
-
《AngularJS》--监听angularjs列表数据是否渲染完毕
小编在项目中遇到这样一个需求,利用AngularJS在手机页面双向绑定一些数据,而且这些数据是以列表的形式展现出来的,当这些数据渲染完成之后,需要在列表上面加载一些图片,而且这些图片是不断的自动切换。想来想去,于是就用到了自己定义的指令,下面是具体的代码。 1、HTML代码原创 2016-06-18 08:52:53 · 5806 阅读 · 11 评论 -
《AngularJS》-----手机页面滚动条滑动到底端实现加载更多
当我们用手机逛微博时,或者逛空间时,常常遇到这么一个功能,当手机页面上的滚动条滑动到底端时,页面底端的数据会慢慢的加载出来,随着我们不断的向下滑动,页面上的数据不断增多。那么,这个功能用AngularJS怎么实现哪? 以前小编是用“”点击“”的方式实现“加载更多”,这样感觉用户的体验度差,而现在,我们可以用AngularJS中自己封装的指令实现此功能,下面是具体的代码。 app.dir原创 2016-06-25 18:31:54 · 7581 阅读 · 26 评论 -
《AngularJS》------自定义服务 provider、service、factory
在AngularJS中,我们经常将通用的业务逻辑封装在服务里面,这样一来,不仅减少了代码量,而且使出错率也降低了,代码的易读性也提高了,所以说,我们经常用到了业务逻辑,或者是说持久化数据化操作应该放在自定义的服务里面,而不是Controller里面。下面我说一下provider、service、factory的定义方式还有主要区别。 1、provider Providers是唯原创 2016-07-18 19:52:47 · 2858 阅读 · 16 评论 -
《AngularJS》——scope的绑定策略
scope这个对象在Angular中非常重要,可以说要想学好AngularJS,熟练使用Scope时基本功,下面介绍一下Scope的几种绑定策略。 1、@:把当前的属性作为字符串传递。你还可以绑定来自外层的scope的值,在属性值中插入{{}}即可。下面是代码。 Contr原创 2016-05-08 23:07:13 · 4303 阅读 · 10 评论 -
《AngularJS》--指令的相互调用
人们喜欢AngularJS,因为他很有特色,其中他的指令和双向数据绑定很吸引着人们,那么,AngularJS的指令有什么作用哪?指令之间的是怎样相互调用的哪? 下面有一个小小的Demo,写的是AngularJS指令之间的相互调用,大家看一下。这个Demo是这样的,页面上有三个div,每个div绑定不同的指令,当我们用鼠标滑过三个div时以触发不同的事件。 HTML代原创 2016-05-12 19:57:45 · 6943 阅读 · 19 评论 -
《AngularJS》----$apply 与 $watch
在AngularJS的一些项目中,我们经常用到$apply 与 $watch ,这两个对象,这另个对象都依赖于$scope对象,其中,$apply应用与传播modle的变化,而$watch是用来监测model的变化,这与AngularJS中的双向数据绑定有很大的关系,下面我们探讨一下这两个对象的基本用法。 1、$apply 方法 作用: Scope 提供$ap原创 2016-06-27 08:49:28 · 3774 阅读 · 16 评论