angular1.x的简单介绍 (一)
angular1.x作为经典的mvc框架,可以创建能够复用的组件,也可进行双向数据绑定.国内的vue.js/avaloon.js都是同类型的框架.适合使用angularjs的项目有大型信息化管理系统:企业资源计划(ERP).它适合表单多,模块多的项目,hybrid app,不适合高并发的项目.
angular表达式{{}}
eg:
angular应用的创建步骤:
1.创建一个SPA宿主页面:index.html
2.在页面下面引用angular.js
3.创建项目的根的模块 angular.module("demo",[]);
4.在页面的标签上加上ng-app这个标识 ng-app="根模块名"
5.angular进入自动启动过程
控制器controller:1.是对view的抽象,包含view的静态属性和动态方法,与view是一对一的关系.
2.controller只能用来响应view事件,和view上的数据请求
3.controller里面不能有数据,controller的职责只对view进行服务,不保存数据
4.controller只能向服务请求数据,一个控制器可以对应多个服务
DI(Dependency Injection):解决模块与模块之间的调用问题.模块即一组相关的业务代码的组合.
注意:要创建一个angular项目,首先要创建一个针对项目根目录的根模块.
1.创建一个模块 angular.module(name,模块的依赖关系列表(子类的列表))
angular.module("root",["依赖的模块"或空]),当中括号里面为空的时候表示创建一个没有依赖关系的模块.
2.获取当前模块的详细信息 angular.module("root")
3.模块与模块之间交互,angular采用继承的方式来解决模块之间的纵向交互.
在angularjs项目中,必须首先创建一个根模块,所有的类都应该属于某一模块,然后在根模块上创建控制器.
angularjs的启动过程,类似一个Windows的启动过程.
angularjs是以数据为中心,不能随便操作dom,只有在angular的自定指令中的link方法中才能使用Jquery,或操作dom.
ng-* angular内置的指令(标识作用),带有这样指令的元素都会引起angular内部检查(dirty checking).
ng-app:1.程序的启动指令,标记在html元素上面;
2.这个内置指令是用来标记angularjs的管理边界,其所在的标签内的所有html元素都在angular的管理范围;
3.用法:1)直接在html元素上面添加 ng-app;
2)ng-app="";
3)ng-app="模块名称"
如果在当前页面中包含ng-app这个指令,angular会自动启动new,如果不想显式的标识ng-app,我可以用代码的方式手动启动
angular,bootstrap(document,["demo"]);//ng-app="demo",
通过指定范围的方式来限定angular的管理范围
angular.bootstrap(document.getElementById("box"),["demo"]);
注意:ng-app这个启动指令一般只能用在angular的宿主页面上,angular spa有且只有一个host页面
推荐一个国外框架源码下载的网站:www.bootcdn.cn
angular1.x的简单介绍 (一)的更多相关文章
- angular1.x的简单介绍(二)
首先还是要强调一下DI,DI(Denpendency Injection)伸手获得,主要解决模块间的耦合关系.那么模块是又什么组成的呢?在我看来,模块的最小单位是类,多个类的组合就是模块.关于在根模块 ...
- [原创]关于mybatis中一级缓存和二级缓存的简单介绍
关于mybatis中一级缓存和二级缓存的简单介绍 mybatis的一级缓存: MyBatis会在表示会话的SqlSession对象中建立一个简单的缓存,将每次查询到的结果结果缓存起来,当下次查询的时候 ...
- 利用Python进行数据分析(7) pandas基础: Series和DataFrame的简单介绍
一.pandas 是什么 pandas 是基于 NumPy 的一个 Python 数据分析包,主要目的是为了数据分析.它提供了大量高级的数据结构和对数据处理的方法. pandas 有两个主要的数据结构 ...
- 利用Python进行数据分析(4) NumPy基础: ndarray简单介绍
一.NumPy 是什么 NumPy 是 Python 科学计算的基础包,它专为进行严格的数字处理而产生.在之前的随笔里已有更加详细的介绍,这里不再赘述. 利用 Python 进行数据分析(一)简单介绍 ...
- yii2的权限管理系统RBAC简单介绍
这里有几个概念 权限: 指用户是否可以执行哪些操作,如:编辑.发布.查看回帖 角色 比如:VIP用户组, 高级会员组,中级会员组,初级会员组 VIP用户组:发帖.回帖.删帖.浏览权限 高级会员组:发帖 ...
- Linux的简单介绍和常用命令的介绍
Linux的简单介绍和常用命令的介绍 本说明以Ubuntu系统为例 Ubuntu系统的安装自行百度,或者参考http://www.cnblogs.com/CoderJYF/p/6091068.html ...
- iOS-iOS开发简单介绍
概览 终于到了真正接触IOS应用程序的时刻了,之前我们花了很多时间去讨论C语言.ObjC等知识,对于很多朋友而言开发IOS第一天就想直接看到成果,看到可以运行的IOS程序.但是这里我想强调一下,前面的 ...
- iOS开发多线程篇—多线程简单介绍
iOS开发多线程篇—多线程简单介绍 一.进程和线程 1.什么是进程 进程是指在系统中正在运行的一个应用程序 每个进程之间是独立的,每个进程均运行在其专用且受保护的内存空间内 比如同时打开QQ.Xcod ...
- iOS开发UI篇—UITabBarController简单介绍
iOS开发UI篇—UITabBarController简单介绍 一.简单介绍 UITabBarController和UINavigationController类似,UITabBarControlle ...
随机推荐
- IOS-Hybrid(混合开发)
http://www.cnblogs.com/oc-bowen/p/5423902.html 1.1. APP三种开发模式 智能手机之普及不用多说,手机APP渗投到各个行业:电商(淘宝.京东等 ...
- 【原】聊一聊 url 编码问题
最近项目中遇到需要编码的一个问题,在encode和encodeURIComponent上绕了个小圈,所以打算总结一下js的编码问题,网上也有很多类似的文章,不过呢,总结出来的东西才是自己滴 为什么需要 ...
- 配置LVS + Keepalived高可用负载均衡集群之图文教程
负载均衡系统可以选用LVS方案,而为避免Director Server单点故障引起系统崩溃,我们可以选用LVS+Keepalived组合保证高可用性. 重点:每个节点时间都同步哈! C++代码 [r ...
- javascript 数字格式化
对数字进行格式化输出,是非常有意义的一件事情,例如许多时候,我们希望一个数字能够输出为指定格式的字符串,拿25.9878来说,我们可能会希望它能保留两位小数来说出,即结果为25.99,或者对于0.34 ...
- linux显示中文
设置centos显示中文 怎么设置Linux系统中文语言,这是很多小伙伴在开始使用Linux的时候,都会遇到一个问题,就是终端输入命令回显的时候中文显示乱码.出现这个情况一般是由于没有安装中文语言 ...
- jQuery校验
jQuery校验 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一导入js库 <script src=&q ...
- Oracle下批量将一个用户的所有表的select权限赋值给另外一个用户
起因 为什么会有这篇文章呢? 因为最近在做项目的时候遇到一个问题...实际生产环境中程序datasource登陆的Oracle数据库用户user1不是我们创建的.这个用户没有访问我们业务表的权限(因为 ...
- nodejs net模块
net模块是同样是nodejs的核心模块.在http模块概览里提到,http.Server继承了net.Server,此外,http客户端与http服务端的通信均依赖于socket(net.Socke ...
- Apache服务器安装过程及问题的解决(for windows system32bit)
在使用Hbuilder设计网站时,在制作本站搜索时,用到了Php文件,而Hbuilder的内置web服务器不支持php的解析, 所以需要安装配置外部服务器,有多个选择,我安装的apache服务器,并遇 ...
- hashMap 深入理解
1.java 的hashMap 是通过 链地址 法来解决 hash冲突的 2.初始时是一个empty table, 第一次添加数据时检查到时空数组就会 生成指定容量的数组,也就是 在第一次使用时才初始 ...