毕业设计翻译-ng-book，关于Angularjs的全解析.docx

毕业设计(翻译)
ng-book,关于Angularjs的全解析
(节选)
院(系) 名称计算机学院
专业名称计算机科学与技术
学生名称
指导教师
2014年5月
ng-book,关于Angularjs的全解析
作者:Ari Lerner
第四章
在Javascript项目中,把功能性的代码放在全局命名空间中向来不是一个好****惯。这种方式可能会造成代码冲突,难以调试,会浪费宝贵的开发时间。通常情况下数据绑定,是通过下面的代码在全局命名空间中定义独立的函数来实现的:
在本章中,将会讨论如何编写高效的、可部署的控制器,我们将这种封装功能性代码的模块单元称为模块。
在Angularjs中,模块是构建Angularjs应用的主要方式。Angularjs 应用的模块将包含项目中的所有代码,一个应用可能包含很多模块,每一个模块会实现不同的功能。
使用模块的方式会带来很多好处,例如:
* 不会污染全局命名空间
* 由于每个模块针对不同的功能性代码,所以便于构建测试、维护
* 便于在不同的应用中共享代码
* 可以在应用中按任意的顺序载入不同的代码
()方法,用于声明一个模块。声明一个模块,需要两个参数,第一个参数是构建的模块的名称;第二个参数是当前
模块的所依赖的元素列表,就是所谓的依赖注入;
也可以通过只传递模块名称的方式,用这个方法来引用模块,例如可以像这样来引用myApp 模块;
到目前为止,('myApp')之上构建应用了。构建大型的应用,可能需要创建很多不同的模块来实现复杂的业务逻辑。将不同的业务逻辑进行抽离,封装为不同的模块,可以更容易进行测试。想要获得更多关于如何编写高可用的模块,请参考体系结构章节。
第五章
作用域是所有Angularjs应用的核心组成部分,它们的使用场景非常广泛,所以非常有必要去了解它们的运行机制。
作用域在Angularjs中的角色就像是数据模型一样。作用域为表达式提供执行的上下文。在构建业务逻辑代码、编写控制器中的方法或者定义视图的属性的时候,都能发现作用域的身影。
作用域扮演着控制器和视图之间的胶水角色。在程序渲染视图之前,视图的模板会链接到相应的作用域上,当程序开始构建文档树的时候会通知Angularjs进行适当的改变。这种异步的特性和promises机制异曲同工,就像一个XHR请求的过程,发出请求,然后进行异步回调,想要完全理解,请看promises章节。
作用域是Angularjs应用的核心。因为动态数据绑定的缘故,当在视图中做出修改的时候,作用域对象会立即进行更新。同样,也可以在作用域对象改变的时候更新视图。
在Angularjs中,作用域的机制类似文档树的机制,是按照层次排布的,换句话来讲,可以在一个子作用域对象中可以获取其父作用域对象的属性。
如果你很熟悉Javascript的上下文机制,那么这种分层的理念就不难理解。在Javascript创建一个可执行上下文的时候,例如创建一个新的函数,这个函数将会自动创建一个局部上下文。在Angularjs中作用域的概念也是这样的,每当为一个文档元素的子文档元素创建一个作用域时,那么就在当前所在的父文档的作用域之下创建了一个新的可执行的上下文。
作用域提供了一种能够监听模型改变的能力,对于开发者来讲,可以通过调用作用域的apply方法,传播模型改变的事件,在一个作用域的上下文中定义执行的表达式,也可以传播事件到其他的控制器或者程序的某些区域(此事件可以传播到的区域)。
将程序的业务逻辑放置在控制器中,并将需要用到的数据也放置到这个控制器的作用域中是一个非常好的方式。
在Angularjs开始执行并生成视图的时候,会创建一个从根元素到根作用域作用域的数据绑定。根作用域是所有作用域对象的最终父元素。
根作用域对象是距离全局上下文最近的作用域对象,在全局上下文上绑定过多的业务逻辑是一个糟糕的方式,同样也不要在根作用域上绑定过多的属性,这样会污染全局的作用域。
作用域对象是普通的javascript对象,可以很方便的去修改作用域中的属性。作用域对象是Angularjs中的数据模型,并不像其他传统语言中的数据对象,作用域不再提供对数据处理的方法,请记住作用域就是普通的Javascript对象,作用域是视图和HTML之间的桥梁,是视图和控制器之间的纽带。所有在作用域中可以访问的属性,在对应的视图中都可以获取。
例如我们来看一段HTML代码:
我们可以猜测到{{name}}变量是在包含此元素的作用域的一个属性
在应用中会将HTML进行渲染,然后将渲染好的HTML在浏览器中显示。HTML中包含所