前 言

成都創(chuàng)新互聯(lián)主要從事網(wǎng)站制作、做網(wǎng)站、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務吉水,10余年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:18982081108

前端

AngularJS是為了克服HTML在構建應用上的不足而設計的。（引用百度百科）

AngularJS使用了不同的方法，它嘗試去補足HTML本身在構建應用方面的缺陷。AngularJS通過使用我們稱為指令(directives)的結構，讓瀏覽器能夠識別新的語法。（引用百度百科）

例如：

使用雙大括號{{}}語法進行數(shù)據(jù)綁定；

使用DOM控制結構來實現(xiàn)迭代或者隱藏DOM片段；

支持表單和表單的驗證；

能將邏輯代碼關聯(lián)到相關的DOM元素上；

能將HTML分組成可重用的組件。

本篇學習主要有兩個部分：

①【AngularJS 常用指令】

②【AngularJS 的 mvc 】

1、AngularJS 常用指令

【常用指令】

1.na-app:聲明angularjs所管轄的區(qū)域，一般寫在body或者HTML上原則一個一面只寫一個

2.ng-model 指令把元素值（比如輸入域的值）綁定到應用程序。

3.ng-bind 指令把應用程序數(shù)據(jù)綁定到 HTML 視圖。

①

②

4.ng-init 指令初始化 AngularJS 應用程序變量。

5.表達式：{{}}綁定表達式，可以包含數(shù)字、運算符和變量。但表達式在網(wǎng)頁加載瞬間會看到{{}},所以可以用ng-bind=”代替

{{5+""+5+',Angular'}}

【基本感念】

指令：AngularJS中，通過擴展HTML的屬性提供功能 ↓↓↓↓（菜鳥教程中的原話）

AngularJS 指令是擴展的 HTML 屬性，帶有前綴 ng-。

ng-app 指令初始化一個 AngularJS 應用程序。

ng-init 指令初始化應用程序數(shù)據(jù)。

ng-model 指令把元素值（比如輸入域的值）綁定到應用程序。

2、AngularJS 的 mvc　　

【mvc三層框架】

1、 Model（模型）：應用程序中處于處理屬性局的部分。（保存或修改數(shù)據(jù)到數(shù)據(jù)庫、變量等）。AugularJS中的Model特征的是：數(shù)據(jù)

view（視圖）：用戶看到的而用于顯示數(shù)據(jù)的頁面

controller（控制器）：應用程序中處理用戶交互的部分。負責從視圖讀取數(shù)據(jù)，控制用戶輸入，并項目性發(fā)送數(shù)據(jù)。

2、工作原理：用戶從視圖層發(fā)送請求，controller接收到請求后轉發(fā)給對應的model處理，medle處理完成后返回結果給controller，并在view成反饋給用戶。

創(chuàng)建一個angular模塊，即ng-app所綁定的部分，需要傳遞兩個參數(shù)：

① 模塊名稱，即ng-app所需要綁定的名稱。ng-app="myApp"；

② 數(shù)組：需要注入的模塊名稱，不需要可為空。

var app = angular.module("myApp",[]);

在Angular模塊上，創(chuàng)建一個控制器Controller，需要傳遞兩個參數(shù)稱。

① ng-controller="myCtrl"

② controller的構造函數(shù)：構造函數(shù)可以傳入多個參數(shù)，包括$scope/$roatScope以及各種系統(tǒng)內(nèi)置對象

【angularJS中的作用域】

①$scope：局部作用域，聲明在$scope上的屬性和方法，只能在當前Controller中使用；

②$rootScope：根作用域，聲明在$rootscope上的熟悉感和方法可以在ng-app所包含的任何區(qū)域使用（無論是否同意controller，或是否在controller包含范圍中）。

>>> 若沒有使用$scope 聲明變量，而直接在html中使用ng-model綁定的變量作用域為：

1.如果ng-model在某個ng-controller中，則此變量會默認綁定到當前Controller的$scope上

2.如果ng-model沒有在任何一個ng-controller中，則此變量將綁定在$rootScope上。

效果圖如下：

代碼如下：

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前名稱：AugularJS從入門到實踐(必看篇)-創(chuàng)新互聯(lián)
分享路徑：http://weahome.cn/article/coogid.html