Angular

细说AngularJS directive

angularjs的指令,第一次使用directive是因为要显示一篇文章的内容,因为内容是CMS通过富文本编辑提交到库里的,因此取出来就是一段HTML代码,需要把这段代码嵌入到某个DIV里,一开始想着是用filter还是directive,但想了想filter好像不合适,它是格式化文本输出的,而这里是要修改文档树的,所以还是使用了个directive搞定。directive是用来操作DOM的,请重复三遍!

高效利用Angular中内置服务

AngularJS中为我们提供了众多的内置服务,通过这些内置服务可以轻松的实现一些常用功能。下面对Angular中常用的内置服务进行一下总结。一个简单的实时更新时间例子如下:除了Angular中提供的内置服务外,我们也可以自己定义服务,利用service即可,下面是一个定义服务的基本代码框架:定义好服务后,我们可以像使用内置的Angular服务一样使用它:

AngularJS单页面应用的5大缺陷

缓慢和碎片化的测试测试一个通过JavaScript工作的单页面,需要使用基于浏览器的测试框架,例如Selenium,PhantomJS或者WebLoop。想像一下,当用户点了一个链接,客户端的JS应用马上出现了一个加载动画,但这些数据需要加载5秒钟。确实是,而且客户端的JS框架降低了慢的成本,因而鼓励了很多的开发团队。

AngularJS Directive For Mouse Wheel Scroll Event

AngularJSDirectiveForMouseWheelScrollEventWednesday,8April2015|PostedbyDasariSrinivas83Ifoundawaytoimplementmousewheelscrolleventwithhamster.jswhichiscomplicatedandcostlyprocess.SoIcameupwithsimplesol

angular模块

通过angular.module()方法定义的模块是唯一的,如果重复定义,后面的就会覆盖前面的定义。angular模块可以说是一个空对象,因为它本身不包含任何服务。同名模块已经初始化的angular模块保存在一个叫modules的缓存对象中,key是模块名,value是模块对象。每个angular模块内置有三个数组,invokeQueue保存如何注入服务提供商和值的信息;configBlocks保存模块的配置信息;runBlocks保存这个模块的执行信息。angular模块实例属性和方法属性require

angular实例

开发者也可以在局部使用ng-app指令,如,则AngularJS脚本仅在该中运行。

AngularJs路由:ngRoute

AngularJs是单页面应用框架,因此如何从一个视图跳转到另外一个视图是至关重要的。AngularJs有专门的路由模块ngRoute来提供视图的切换,将路由、视图和控制器很好的对应了起来。安装ngRoute模块从1.2开始AngularJs的路由模块已经独立出来成为了一个单独的模块,所以我们需要先安装它。创建app.js文件,在里面创建"app"模块,记住需要添加ngRoute模块依赖。$location是ngRoute模块中的一个服务,通过它可以获取和设置浏览器地址栏中的url。$location包含

利用Angular.js从PHP读取后台数据

之前已经有很多方法可以通过angular进行本地数据的读取。这次来学习一下如何将Angular和PHP相结合,从后台读取数据。首先,利用PHP,我们定义了一组后台数据,代码如下:这段代码含义比较简单,连接数据库后,从数据库中利用sql语句选择相应的数据。之后,利用循环结构,将取出的数据以键值对的形式保存在$outp变量中。接下来,在js中操作如下:这里仍然应用了$http服务进行数据的读取,传入数据文件对应的url路径,成功后返回数据,并绑定到$scope.names变量上。