精通AngularJS 读书笔记

Posted 2020-06-13

AngularJS 速成

视图

因为AngularJS 依靠浏览器去解析模板，所以要保证模板是有效的html。尤其要小心闭合号HTML标签（未闭合好的标签不会产生任何错误信息，但会让视图不能正确渲染）。AngularJS 在有效的DOM树下才能好好工作。

AngularJS 扩展了HTML的词汇库（增加新的属性或HTML元素，并告知浏览器如何解释它们），这类似于创造了一门基于HTML的领域特定语言（domain-specific language, DSL），并指导浏览器如何理解它。因此，常听到AngularJS “教浏览器新把戏”的说法。

AngularJS 提倡声明式UI结构。在实践中，这意味着模板专注于描述所需要的效果，而非其实现。

模块与依赖注入

AngularJS 为自己定义了全局命名空间angular，它提供多种功能及不少便利函数，module就是其中之一。module为AngularJS 管理的对象（控制器、服务等）扮演容器的角色。

定义新的模块，需要传入名字，作为调用module的第一个参数，而第二个参数则表达此模块依赖其他哪些模块。

模块定义好了，要告知AngularJS 它的存在，这只要为ng-app属性赋值即可。

<!--接下来的内容，其实我没读懂，先简略记录一下吧 -->

协作对象

AngularJS 用模块组织对象。在模块上可以注册的对象，不仅限于AngularJS 对象（控制器、过滤器等），还包括开发者自定义的任何对象。

模块模式在组织代码方面非常有用，但是，AngularJS 走得更远一些。除了在模块中注册对象外，它还可以声明这些对象的相互依赖关系。

如前所述，$scope对象神秘地注入了控制器中。实际上，这是因为控制器声明了它需要$scope，所以AngularJS 才会创建并注入它。这套依赖管理系统可以这样总结：“为了正常工作，我需要一个依赖（协作对象）：我不知道它从哪儿来，也不知道它如何创建。我只知道我需要它，所以请为我提供它。”

注册服务

AngularJS 只连接其认识的对象。因此，接入依赖注入机制的第一步，是将对象注册在模块上。我们不直接注册对象的实例，而是将对象创建的方案抛给依赖注入系统，然后AngularJS 解释这些方案以初始化对象，并在之后连接它们，最后成为可运行的应用。

AngularJS 的$provide服务可以注册不同的对象创建方案。之后$injector服务会解释这些方案，生成完备而可用的对象实例（已经解决好所有的依赖关系）。

可以用service方法注册构造函数，也可以用factory方法，它比service更加灵活。

以上描述过的所有注册方法，都是最通用方法provider的特殊类型。

模块的生命周期

AngularJS支持多种对象创建方案，provider是其中的通用方法，它在创建对象实例前可以对其进行配置。为了支持provider，AngularJS 将模块的生命周期分为两个阶段：

• 配置阶段：收集对象创建方案，并进行配置。
• 运行阶段：执行所有初始化后的逻辑

AngularJS应用中的服务是不能重名的，父模块中的服务会覆盖子模块中的同名服务。

 

<!--

作者：纤锐
出处：http://www.cnblogs.com/beginner2014/p/5169150.html
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接。谢谢合作。

-->