AngularJS浅谈
2016-03-29 16:16
525 查看
1、AngularJS是一个典型的以MVC(Model-View-Controller)思想进行前端开发的JS框架,
它也大量的用于混合开发当中,例如当下很火的一款混合开发框架——Ionic。Ionic提供了
自定义的AngularJS指令作为JavaScript UI组件。AngularJS和很多原生的App开发一样,比
如Android和iOS的原生开发,都是用了MVC开发模式,Android中的XML布局相当于HTML5
页面布局,Activity中的成员变量相当于AngularJS中的作用域的属性,Activity本身又相当于
AngularJS的AngularJS的控制器。
2、AngularJS和Android和iOS一样,也有一个Application的概念,Android中,会创建一个默认
的Application对象,iOS中会创建一个UIApplication对象,他们都是单例(singleton)的,并
且这些单例在整个应用的生命周期中是存在的,AngularJS可以通过手动或者用标签的属性的
方式声明应用,例如:
或者:
开始,后面所有的孩子标签都是属于AngularJS管辖的臣民,属于AngularJS App的一部分。
3、AngularJS中最重要的一个东西就是指令,所谓指令,其实就是对HTML5标签的一种扩展,
让原生的标签有自定义的功能,例如:
就是指令。当然AngularJS的指令有内置指令和自定义指令两种,内置指令有:ng-app、ng-repeat、
ng-controller等。其实,在JS的层面来讲,指令就是一个JS函数,例如:
angular.module(‘app’,[]).directive(‘myDerective’,function(){
return{
restrict:’EACM’,
template:”,
scope:{}
};
});
它也大量的用于混合开发当中,例如当下很火的一款混合开发框架——Ionic。Ionic提供了
自定义的AngularJS指令作为JavaScript UI组件。AngularJS和很多原生的App开发一样,比
如Android和iOS的原生开发,都是用了MVC开发模式,Android中的XML布局相当于HTML5
页面布局,Activity中的成员变量相当于AngularJS中的作用域的属性,Activity本身又相当于
AngularJS的AngularJS的控制器。
2、AngularJS和Android和iOS一样,也有一个Application的概念,Android中,会创建一个默认
的Application对象,iOS中会创建一个UIApplication对象,他们都是单例(singleton)的,并
且这些单例在整个应用的生命周期中是存在的,AngularJS可以通过手动或者用标签的属性的
方式声明应用,例如:
<html onload="angular.bootstrap(document,['app'])"></html>
或者:
<html ng-app="app"></html>。其中,ng-app指令是告诉AngularJS,从标签
开始,后面所有的孩子标签都是属于AngularJS管辖的臣民,属于AngularJS App的一部分。
3、AngularJS中最重要的一个东西就是指令,所谓指令,其实就是对HTML5标签的一种扩展,
让原生的标签有自定义的功能,例如:
<div my-derective></div>,这里面,my-derective
就是指令。当然AngularJS的指令有内置指令和自定义指令两种,内置指令有:ng-app、ng-repeat、
ng-controller等。其实,在JS的层面来讲,指令就是一个JS函数,例如:
angular.module(‘app’,[]).directive(‘myDerective’,function(){
return{
restrict:’EACM’,
template:”,
scope:{}
};
});
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- 分享微信开发Html5轻游戏中的几个坑
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解