【 AnglularJS】——核心特性之MVC & 模塊化

      最近的Android項目中要應用到AngularJS前段框架,就對AngularJs進行了簡單的學習,今天簡單向大家分享一下AngularJS的一些簡單介紹和一些核心的特性。


      AngularJS簡單介紹


      AnglularJS是一款非常優秀的前端框架,誕生於2009年,現已被應用於Google的多款產品當中。它是爲了克服HTML在構建應用上的不足而設計的,它利用且拓展了HTML、CSS和JavaScript,替代HTML來實現開發一些動態的內容。


      AngularJS的核心特性

      特性一:MVC


                           


      針對客戶端應用開發,AngularJS吸收了傳統的MVC基本原則。使用MVC的終極目標是模塊化和複用。使用MVC,能夠更好的進行職責切分。而且,在項目中,很多邏輯是一樣的,MVC的話,可以進行復用。

      ·MVC的實現

       1)當視圖有邏輯關係時,視圖可以共用一個controller

       2)當視圖間都沒有邏輯關係時,一個View+一個Model


       3)當兩個控制器有相同方法時,抽取出公共的東西,值得注意的是,不能抽成通用控制器,而是要抽成一個Service。

        


     Controller使用過程中注意:

      ①不要試圖複用Controller,一個控制器一般只負責一小塊試圖。

      ②不要在Controller裏做數據格式化,ng表單控件很好用

      ③一般來說,Controller之間不進行相互調用,他們之間的交互通過事件進行。


      特性二:模塊化

      在AngularJs中,應用可以拆分爲一個個的小模塊,模塊之間可以相互依賴,這樣各個功能可以非常方便重用和測試。在HTML中使用ng-app指令即可定義一個Module: 

<html ng-app=“helloModule”>

      然後在javascript中,可以非常簡單的獲取到這個Module

var helloModule = angular.module('helloModule', []);


      之後,就可以爲這個Module了添加想要得東西了,比如說filter和Directive等。例如爲定義一個Greet Filter: 
var helloModule = angular.module('helloModule', []);
helloModule.filter('greet', function() {
    return function(name) {
        return 'Hello, ' + name + '!';
    };
});

      PS:angular.module方法的第二個參數是用來指定該模塊依賴哪個模塊的
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章