Angular的Bootstrap(引导)和Compiler(编译)机制

Angular的Bootstrap(引导)和Compiler(编译)机制

在上节简单介绍了Angular js框架，在这节将继续Angular的Bootstrap(引导)和Compiler(编译)机制。

一：Bootstrap：Angular的初始化

1：Angular推荐的自动化初始如下：

...

2：手动初始化：

如果想对对初始化有更多的控制权，可以采用自定义手动引导方法初始化代替angular的自动初始化。比如你需要在angular编译模板之前做一些事情，比http://如改变模板某些内容。手动引导方式将会如下：

Hello {{'World'}}!

1.在页面所有代码加载完成后，找到html模板根节点(典型为document元素).

2.调用api/angular.bootstrap（angular.bootstrap(element[, modules])）编译模板使其可执行.

二：Compiler：Angular的编译

Angular的编译机制允许开发人员给浏览器添加新的Html语法，允许我们添加一些html节点，attribute，甚至创建一些自定义的节点，attribute。Angular把这些行为的扩展成为指令directives.Angular带来了有用的directive，并允许我们创建特定领域的directive。

1: Compiler处理分为两个步骤：

1.转换DOM，收集directive，返回Link(连接)function。

2.合并指令和Scope产生一个活生生的View。scop mode中的任何改变都会通过反应到view中，并来自view的用户交互也会同步到scope model，并scope是一个单一数据源。

2:指令Directive

Directive是sLJicuiy一个会被特殊的html设计编辑处理的行为。其可以被放置在节点的names, attributes, class 上，甚至是html注释中。下面是Angular自带的ng-bind的等价写法：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。