AngularJS核心01:如何启动
2024-10-16 01:35:22
启动
下面解释了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>
最新文章
- Canvas绘图中的路径描边与填充
- VB关闭其他进程的输入法
- MySQL入门(三)
- HTML第一节课
- hiho 第119周 最大权闭合子图
- DNS查询指令nslookup
- GOOGLE 离线完整安装包下载地址
- GCD调度组、自定义队列来实现多个下载任务
- asp.net 中Session的运用,及抛出错误“未将对象引用设置到对象的实例”
- SQL Server ---T-SQl基本语句
- Java基础学习笔记四 Java基础语法
- sax
- JGUI源码:Tip实现(14)
- redis主从复制配置(1)
- linux运行apache出现403错误
- Jquery 组 radio控与tr变色
- SPSS-因子分析
- WebConfig 加密解密的原理是什么?
- Service Intent must be explicit的解决方法
- POJ 3295 Tautology (构造法)