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的使用

转载于:https://www.cnblogs.com/zhang-jian/p/5142337.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值