天天看点

AngularJS浅谈

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可以通过手动或者用标签的属性的

方式声明应用,例如:

<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:{}

};

});

继续阅读