码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS核心01:如何启动

时间:2015-12-23 12:48:35      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

启动

下面解释了AngularJS是如何运行下面Html的(用一张图和一个例子来解释):

技术分享

  1. 浏览器载入HTML,然后把它解析成DOM。
  2. 浏览器载入angular.js脚本。
  3. AngularJS等到DOMContentLoaded事件触发。
  4. AngularJS寻找ng-app指令,这个指令指示了应用的边界。
  5. 使用ng-app中指定的模块来配置注入器($injector)。
  6. 注入器($injector)是用来创建“编译服务($compile service)”和“根作用域($rootScope)”的。
  7. 编译服务($compile service)是用来编译DOM并把它链接到根作用域($rootScope)的。
  8. ng-init指令将“World”赋给作用域里的name这个变量。
  9. 通过{{name}}的替换,整个表达式变成了“Hello World”。

index.html:

<!doctype html>
<html ng-app>
  <head>
    <script src="http://code.angularjs.org/angular-1.1.0.min.js"></script>
  </head>
  <body>
    <p ng-init=" name=‘World‘ ">Hello {{name}}!</p>
  </body>
</html>

 

AngularJS核心01:如何启动

标签:

原文地址:http://www.cnblogs.com/wywnet/p/5069332.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!