AngularJS核心01：如何启动

首页 > 技术文章 > AngularJS核心01：如何启动

wywnet 2015-12-23 11:27 原文

启动

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

浏览器载入HTML，然后把它解析成DOM。
浏览器载入angular.js脚本。
AngularJS等到DOMContentLoaded事件触发。
AngularJS寻找ng-app指令，这个指令指示了应用的边界。
使用ng-app中指定的模块来配置注入器($injector)。
注入器($injector)是用来创建“编译服务($compile service)”和“根作用域($rootScope)”的。
编译服务($compile service)是用来编译DOM并把它链接到根作用域($rootScope)的。
ng-init指令将“World”赋给作用域里的name这个变量。
通过{{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>

1
2

推荐阅读