Angular的Bootstrap(引导)和Compiler(编译)机制_AngularJS.doc:..Angular的Bootstrap(^|导)和Comp订e【(编译)机制在上节简单介绍了Angularjs框架,在这节将继续Angular的Bootstrap(引导)和Comp订cr(编译)机制。一:Bootstrap:Angular的初始化1:Angular推荐的自动化初始如下:<!doctypehtml><htmlxmlns:ng=,,http://angularjs・ong-app><body>•••<scriptsrc二〃"></body></html利用ngapp标示你需要自动引导应用程序的根节点,一般典型为htmltag0在DOMContentLoaded事件触发Angular会口动寻找ngapp作为应用的根节点,如果找到则会进行如下操作:1•加载module(模块)相关directive(指令)。(Angular的注入机制).-app作为根节点的指令。这里允许你t定义选择D0M节点作为应用根节点。<!doctypehtml><htmlng-app=zzoptionalModuleNamc,,><body>Icanadd:{{+}}.<scriptsrc二〃></script></body></html>2:手动初始化:如果想对对初始化冇更多的控制权,可以采用自定义手动引导方法初始化代替angular的口动初始化。比如你需要在angular编译模板之前做一些事情,比如改变模板某些内容。手动引导方式将会如下:<!doctypehtml><htmlxmlns:ng=,/"><body>Hello{{'World'}}!<scriptsrc=zzhttp://code,/">〈/script><script>angular・clement(document)・ready(function(){angular・bootstrap(document);});</script></body></html>,找到html模板根节点(典型为document元素).(angular,bootstrap(element[,modules])):Angular的编译Angular的编译机制允许开发人员给浏览器添加新的Iltml语法,允许我们添加一些html节点,attribute,其至创建一些自定义的节点,attribute。,p订er处理分为两个步』,收集directive,返回Link(连接)function。。scopmode屮的任何改变都会通过反应到view中,并来自view的用户交互也会同步到scopemodel,并scope是一个单一数据源。2:指令DirectiveDirective是一个会被特殊的html设计编辑处理的彳亍为。其可以被放置在节点的names,attri
Angular的Bootstrap(引导)和Compiler(编译)机制 AngularJS 来自淘豆网m.daumloan.com转载请标明出处.
