angularjs 笔记(1) -- 引导
2016-01-19 15:18
621 查看
首先:
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的使用
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的使用
相关文章推荐
- AngularJS模块学习之Anchor Scroll
- 详谈AngularJS的Directive
- 32-语言入门-32-Triangular Sums
- 初学angular-简单的angular指令
- AngularJS模块学习之Anchor Scroll
- angularjs locationProvider
- Angular常见错误描述
- AngularJS API之$injector ---- 依赖注入
- AngularJS API之extend扩展对象
- AngularJS API之equal比较对象
- AngularJS API之isXXX()
- AngularJS API之toJson 对象转为JSON
- AngularJS API之copy深拷贝
- AngularJS API之bootstrap启动
- AngularJS 使用$sce控制代码安全检查
- AngularJS 国际化——Angular-translate
- AngularJS 中的Promise --- $q服务详解
- 有关Angular 2.0的一切
- 不用翻墙查看angular API的方法
- angular $resource模块