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

angularjs 笔记(1) -- 引导相关推荐

CI框架源码阅读笔记4 引导文件CodeIgniter.php
到了这里,终于进入CI框架的核心了.既然是"引导"文件,那么就是对用户的请求.参数等做相应的导向,让用户请求和数据流按照正确的线路各就各位.例如,用户的请求url: http:// ...
angularjs笔记,基本指令,字符串反转,过滤器
1. Angular指令 * Angular为HTML页面扩展的: 自定义标签属性或标签 * 与Angular的作用域对象(scope)交互,扩展页面的动态表现力 2. 常用指令(一) ...
AngularJS笔记之创建服务方式比较： factory vs service vs provider
2019独角兽企业重金招聘Python工程师标准>>> 那么问题来了,Angular 提供了三种方法来创建并注册我们的 service:factory, service 和 prov ...
如何在 ASP.NET MVC 中集成 AngularJS
介绍当涉及到计算机软件的开发时,我想运用所有的最新技术.例如,前端使用最新的 JavaScript 技术,服务器端使用最新的基于 REST 的 Web API 服务.另外,还有最新的数据库技术.最新 ...
Caliburn.Micro学习笔记目录——li-peng
Caliburn.Micro学习笔记(一)----引导类和命名匹配规则 Caliburn.Micro学习笔记(二)----Actions Caliburn.Micro学习笔记(三)----事件聚合IE ...
七步从Angular.JS菜鸟到专家（1）：如何开始
AngularJS 重新定义了前端应用的开发方式.面对HTML和JavaScript之间的界线,它非但不畏缩不前,反而正面出击,提出了有效的解决方案. 很多前端应用的开发框架,比如Backbone.E ...
七步从Angular.JS菜鸟到专家（1）：如何开始【转】
七步从Angular.JS菜鸟到专家(1):如何开始[转] AngularJS 重新定义了前端应用的开发方式.面对HTML和JavaScript之间的界线,它非但不畏缩不前,反而正面出击,提出了有效的 ...
mssql linux性能,MSSQL 的Top 和 MAX 效率测试
环境: MSSQL 2008, 都在没有使用缓存的情况下面执行表中有8W 条记录分类1有134条记录分别测试了3个语句 -- A select 字段1 from 表1 WHERE Ftype=' ...
小红书怎么引流到微信呢?小红书上怎么巧妙留微信
作为引流最为合适的平台,小红书有着得天独厚的优势.但是随着制度的越来越完善,审查机制的不断规范化,在小红书引流也越来越严格.今天就来分享一下小红书怎么引流到微信呢?为什么说小红书是引流最好的平台? 首 ...
ASP。NET MVC警告横幅使用Bootstrap和AngularUI Bootstrap
Watch this script in action - demo 下载Source Code from GitHub 下载Source Code from CodeProject (1.1 MB) ...

angularjs 笔记(1) -- 引导

angularjs 笔记(1) -- 引导相关推荐

最新文章

热门文章