1. 程式人生 > >angularJS angularJS是什麼 怎樣使用 angularJS

angularJS angularJS是什麼 怎樣使用 angularJS

( what  angularJS是什麼 )

AngularJS 是一個 JavaScript 框架。它可通過 <script> 標籤新增到 HTML 頁面。AngularJS 通過 指令 擴充套件了 HTML,且通過 表示式 繫結資料到 HTML。在Angular中設定了很多的指令,我們可以通過這些指令很輕鬆的完成各種複雜的任務。

( why  為什麼要用 angularJS )

AngularJS主要有4大特點,mvc模式,資料的雙向繫結,繼承和模組化。首先他可以使用mvc架構模式進行前臺開發 ,這樣有效分離了檢視展示層,服務層和控制層,這樣不僅可以降低各模組耦合,還易於後期維護。依賴注入也是它的一大特點,需要呼叫哪個服務,我們只需要在控制層的方法引數上進行宣告,就可以拿來直接呼叫;通過ng-model指令可實現控制層和檢視層資料的雙向繫結,頁面資料發生改變,控制層資料也會改變,反之,頁面也會隨之進行渲染;此外它還支援繼承,只需要在當前controller 的方法函式上傳入一個$controller 內建物件,同過$controller傳入父控制器名,和$scope : $scope,即可實現兩控制器同用一個域物件,頁面只需匯入父控制器的js檔案,即可完成繼承,通過控制器間的繼承,可提高程式碼的複用性;模組化是指它可以將通用的資料操作進行包裝起來,比如,資料的驗證,全選和反選操作等,通過繼承的方法使其可以呼叫,有效提高開發速度。

( How 怎樣使用 angularJS )

當我們使用angularJS開發前臺時,首先需要引入它的核心js檔案,接著在HTML標籤上使用指令ng-app和ng-controller分別定義它的應用範圍和它的控制器,所有的指令只能在它的應用範圍裡被識別,所有的angularJs物件及函式也只能在它的控制器裡被解析和呼叫。我們可以使用ng-init來進行資料的初始化,也可以通過函式進行多個數據的初始化,但是隻能初始化一次。當我們需要往後臺提交一些表單資料時,可以通過ng-model 指令定義變數與輸入框進行繫結,並且在一個按鈕上使用ng-click定義一個點選事件,我們就可以很方便的在控制層通過呼叫對應的方法,並且在方法內通過對應的變數名拿到輸入框內的資料,呼叫對應的服務與後臺完成互動。我們也可以把後臺查詢到的資料繫結到對應的物件上,通過前臺進行渲染,如果是一個集合,我們可以使用 ng-repeat 遍歷展示到頁面上 ,也可以通過ng-options將資料依次顯示在下拉框裡。

angularJs的內建物件有:

$scope —— 域

$index —— 索引下標

$http —— 讀取遠端伺服器的資料

$watch —— 監聽

$location.search —— 跳轉靜態頁面