启动
下面解释了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>
时间： 2024-10-25 04:12:01