引入AngularJS库文件
<script type=”text/javascript” src=”angular.min.js”></script>一般的js文件都是放在<body>的底部,为了优化应用加载时间
AngularJS的加载执行过程:
- HTML页面加载的时候,会触发加载页面包含的所有JS文件
- 找到ng-app,它是启动angular应用的指令,搜寻其指定的额模块(module),并将其附加到ng-app所在的组件上,根据ng-app划分的作用域来调用¥compile服务来进行编译
- AngularJS启动,遍历整个html文档,搜寻所有的指令(directive)——以ng为前缀的HTML属性,并根据指令的配置参数转换DOM.然后开始执行各指令的compile函数(如果存在的话),每个compile函数执行完会返回一个link函数,返回的link函数会合成一个大的link函数,这个大的link函数将被执行,主要用于数据绑定。
(若没有定义compile函数,配置的link函数将会执行,compile函数和link函数是互斥的,若同时配置,则link函数将被忽略)
AngularJS的应用组成:
- view(视图)——即html文件
- model(模型)——当前视图可用的数据(!!!注:模型model和模块module是不一样的)
- controller(控制器)——angular应用的逻辑控制,控制AngularJS应用程序的数据