AngularJS由Google 打造的前端 JavaScript 框架,與其他JS框架(ExtJS、BackboneJS、EmberJS、KnockoutJS)
不同,他可以直接延伸現有的 HTML 架構。以下有幾點關注的概念必須了解,對往後要使用AngularJS框架開發應用
網頁會更為快速:
- 前端網頁MVC架構:
在AngularJS將前端AngularJS為控制器 (Controllers) 、檢視 (Views)與模組 (module),控制器可以用來切換不同
的檢視畫面其內容搭配模組 (module) 與 相依性注入 (Dependency Injection) 來實做。當前端網頁也切割為MVC
架構表示我們可以自由的抽離這些實做,但是也會使開發人員學習複雜度增加。
- 資料聯結(Data Binding)
資料繫結很多JS框架都有此功能,我們必須了解單向資料繫結(One-way Data-Binding)和雙向資料繫結(Two-
way Data Binding)兩種,單向資料繫結產生檢視之前,將模組與模板先做合併的動作,但是如果有經過一些操
做改變了模型資料內容,但是檢視上模型並不會改變造成不同步的狀況發生。
雙向資料繫結改善單向的缺點,不管使用者在網頁上做了甚麼操作,AngularJS都會去偵查檢視的改變,同步去更
新模型的資料內容。 - 相依注入(Dependency Injection,DI)
相依注入是AngularJS 一個強項,它的目地讓程式的組件切割的更加清楚,主要它利用design pattern的方法來將
模型靈活的使用,深入了解可以參考Dependency Injection。 - 指示指令(Directives)
在HTML中觸發JavaScript行為的參數,舉例來說
ex1: <html ng-app="myApp">
ex2: <div ng-controller='HelloController'>
ex3: <div ng-repeat='item in items'>
留言
張貼留言