最近的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', []);
var helloModule = angular.module('helloModule', []);
helloModule.filter('greet', function() {
return function(name) {
return 'Hello, ' + name + '!';
};
});
PS:angular.module方法的第二個參數是用來指定該模塊依賴哪個模塊的