在《AngularJS中文參考手冊》中,AngularJS 通過新的屬性和表達式擴展了 HTML。AngularJS 可以構(gòu)建一個單一頁面應(yīng)用程序(SPAs:Single Page Applications)。 AngularJS 學習起來非常簡單。
AngularJS是一款由Google維護的開源JavaScript庫,用來協(xié)助單一頁面應(yīng)用程序運行。它的目標是透過MVC模式(MVC)功能增強基于瀏覽器的應(yīng)用,使開發(fā)和測試變得更加容易。在版本2大改(最突出的改變的全面使用TypeScript)之后改名Angular,第N版以Angular N的形式命名。
庫讀取包含附加自定義(標簽屬性)的HTML,遵從這些自定義屬性中的指令,并將頁面中的輸入或輸出與由JavaScript變量表示的模型綁定起來。這些JavaScript變量的值可以手工設(shè)置,或者從靜態(tài)或動態(tài)JSON資源中獲取。
提示:在開始學習?AngularJS?之前,您需要具備HTML、CSS、JavaScript基礎(chǔ)知識。
下面讓我們運行第一個AngularJS實例吧!
第一個AngularJS實例
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app=""> <p>名字 : <input type="text" ng-model="name"></p> <h1>Hello {{name}}</h1> </div> </body> </html>
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
Angular遵循軟件工程的MVC模式,并鼓勵展現(xiàn),數(shù)據(jù),和邏輯組件之間的松耦合。通過依賴注入(dependency injection),Angular為客戶端的Web應(yīng)用帶來了傳統(tǒng)服務(wù)端的服務(wù),例如獨立于視圖的控制。因此,后端減少了許多負擔,產(chǎn)生了更輕的Web應(yīng)用。
提示:我們的AngularJS?教程將幫助您逐步學習如何掌握并使用AngularJS?,如果你有任何疑問,請前往PHP中文網(wǎng)AngularJS社區(qū)提出你的問題,會有熱心網(wǎng)友為你解答。
AngularJS主要特點
AngularJS通過為開發(fā)者呈現(xiàn)一個更高層次的抽象來簡化應(yīng)用的開發(fā)。如同其他的抽象技術(shù)一樣,這也會損失一部分靈活性。換句話說,并不是所有的應(yīng)用都適合用AngularJS來做。
AngularJS主要考慮的是構(gòu)建CRUD應(yīng)用。幸運的是,至少90%的WEB應(yīng)用都是CRUD應(yīng)用。但是要了解什么適合用AngularJS構(gòu)建,就得了解什么不適合用AngularJS構(gòu)建。
如游戲,圖形界面編輯器,這種DOM操作很頻繁也很復雜的應(yīng)用,和CRUD應(yīng)用就有很大的不同,它們不適合用AngularJS來構(gòu)建。像這種情況用一些更輕量、簡單的技術(shù)如jQuery可能會更好。
AngularJS設(shè)計目標:
將應(yīng)用邏輯與對DOM的操作解耦。這會提高代碼的可測試性。
將應(yīng)用程序的測試看的跟應(yīng)用程序的編寫一樣重要。代碼的構(gòu)成方式對測試的難度有巨大的影響。
將應(yīng)用程序的客戶端與服務(wù)端解耦。這允許客戶端和服務(wù)端的開發(fā)可以齊頭并進,并且讓雙方的復用成為可能。
指導開發(fā)者完成構(gòu)建應(yīng)用程序的整個歷程:從用戶界面的設(shè)計,到編寫業(yè)務(wù)邏輯,再到測試。
本AngularJS教程手冊涵蓋的內(nèi)容
本AngularJS教程手冊涵蓋所有React基礎(chǔ)使用方法,包含了AngularJS表達式、AngularJS指令、AngularJS模型、AngularJS控制器、AngularJS表格、AngularJS事件、AngularJS模塊、AngularJS動畫、AngularJS依賴注入、AngularJS路由等等的詳細知識。
提示:本教程的每一章都包含了很多AngularJS實例,您可以直接點擊?"運行實例"?按鈕在線查看結(jié)果。這些例子將幫助您更好地理解和使用AngularJS。
最新章節(jié)
- AngularJS 參考手冊 2016-10-19
- AngularJS 2016-10-19
- AngularJS 應(yīng)用 2016-10-19
- AngularJS 路由 2016-10-19
- AngularJS 依賴注入 2016-10-19
- AngularJS 動畫 2016-10-19
- AngularJS 包含 2016-10-19
- AngularJS Bootstrap 2016-10-19
相關(guān)課程
- Web前端開發(fā)極速入門 2021-12-10
- 最懂你的大前端課:HTML5/CSS3/ES6/NPM/Vue/...【原創(chuàng)】 2022-09-30
- Gulp入門視頻教程 2022-04-18
- 兄弟連高洛峰CSS3視頻教程 2022-04-20
- AngularJS開發(fā)Web應(yīng)用程序基礎(chǔ)實例視頻教程 2022-04-18
- Ajax全接觸 2022-04-13
- MUI框架基礎(chǔ)視頻教程 2022-04-13
- 線上培訓班試聽課 2019-01-10