angularjs 笔记(1) -- 引导

时间:2023-03-10 00:40:32
angularjs 笔记(1) -- 引导

首先:

  1,引入angularJS文件,<script type="text/javascript" src="angularjs.min.js"><script> JS的位置可以在head标签中,也可以放到</body>前面,这个JS阻塞加载有关。

  2,引导,在应用的根标签中添加ng-app,如果只是调用系统的指令和一些简单操作(不需要自己编写指令控制器等等的),只需要这样<html ng-app>;如果有自己编写的指令和控制器,就需要手动声明一个模块(angularJS 模块);var myApp=angular.module('myApp',[]); 然后在根标签中这样<html ng-app="myApp">

angularJS 初始化

  自动初始化:应用会在加载完angular.min.js,DOMContentLoaded事件触发时执行,然后查找到ng-app开始解析应用。

  手动初始化:手动执行引导程序的条件--需要在angularJS编译页面之前做一些操作;angular.element(document).ready(function()(angular.bootstrap(document))); 等待所有的脚本加载完毕,找到HTML模板的根节点,ng-app绑定定位置。然后调用angular.bootstrap将模板编译成可执行的,数据双向绑定的应用程序。

这个没有什么难度,跟学习jquery一样,加载必要的js文件,唯一特殊的是需要标记下从哪个开始一个angular应用-----ng-app的使用