天天看點

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

};

});

繼續閱讀