在《AngularJS中文參考手冊》中,AngularJS 透過新的屬性和表達式擴展了 HTML。 AngularJS 可以建立一個單一頁面應用程式(SPAs:Single Page Applications)。 AngularJS 學習起來非常簡單。
AngularJS是一款由Google維護的開源JavaScript庫,用來協助單一頁面應用程式運行。它的目標是透過MVC模式(MVC)功能增強基於瀏覽器的應用,使開發和測試變得更加容易。在版本2大改(最突出的改變的全面使用TypeScript)之後改名Angular,第N版以Angular N的形式命名。
庫讀取包含附加自訂(標籤屬性)的HTML,遵循這些自訂屬性中的指令,並將頁面中的輸入或輸出與由JavaScript變數表示的模型綁定。這些JavaScript變數的值可以手動設置,或從靜態或動態JSON資源中取得。
提示:在開始學習 AngularJS 之前,您需要具備HTML、CSS、JavaScript基礎知識。
下面讓我們執行第一個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模式,並鼓勵展現,數據,和邏輯組件之間的鬆散耦合。透過依賴注入(dependency injection),Angular為客戶端的Web應用帶來了傳統服務端的服務,例如獨立於視圖的控制。因此,後端減少了許多負擔,產生了更輕的Web應用。
提示:我們的AngularJS 教學將幫助您逐步學習如何掌握並使用AngularJS ,如果你有任何疑問,請前往PHP中文網AngularJS社群提出你的問題,會有熱心網友為你解答。
AngularJS主要特點
AngularJS透過為開發者呈現一個更高層次的抽象來簡化應用的開發。如同其他的抽象技術一樣,這也會損失一部分彈性。換句話說,並不是所有的應用都適合用AngularJS來做。
AngularJS主要考慮的是建構CRUD應用。幸運的是,至少90%的WEB應用都是CRUD應用。但是要了解什麼適合用AngularJS構建,就得了解什麼不適合用AngularJS構建。
如遊戲,圖形介面編輯器,這種DOM操作很頻繁也很複雜的應用,和CRUD應用就有很大的不同,它們不適合用AngularJS來建構。像這種情況用一些更輕、簡單的技術如jQuery可能會更好。
AngularJS設計目標:
#將應用邏輯與對DOM的操作解耦。這會提高程式碼的可測試性。
將應用程式的測試看的跟應用程式的編寫一樣重要。程式碼的構成方式對測試的難度有巨大的影響。
將應用程式的用戶端與服務端解耦。這允許客戶端和服務端的開發可以齊頭並進,並且讓雙方的複用成為可能。
指導開發者完成建立應用程式的整個歷程:從使用者介面的設計,到編寫業務邏輯,再到測試。
本AngularJS教程手冊涵蓋的內容
本AngularJS教程手冊涵蓋所有React基礎使用方法,包含了AngularJS表達式、AngularJS指令、AngularJS模型、AngularJS控制器、AngularJS表格、AngularJS事件、AngularJS模組、AngularJS動畫、AngularJS依賴注入、AngularJS路由等等的詳細知識。
提示:本教學的每一章都包含了許多AngularJS實例,您可以直接點擊 "執行實例" 按鈕線上查看結果。這些例子將幫助您更好地理解和使用AngularJS。
最新章節
- AngularJS 参考手册 2016-10-19
- AngularJS 2016-10-19
- AngularJS 应用 2016-10-19
- AngularJS 路由 2016-10-19
- AngularJS 依赖注入 2016-10-19
- AngularJS 动画 2016-10-19
- AngularJS 包含 2016-10-19
- AngularJS Bootstrap 2016-10-19
相關課程
- Web前端開發極速入門 2021-12-10
- 最懂你的大前端課:HTML5/CSS3/ES6/NPM/Vue/...【原文】 2022-09-30
- Gulp入門影片教學 2022-04-18
- 兄弟連高洛峰CSS3影片教程 2022-04-20
- AngularJS開發Web應用程式基礎實例影片教學 2022-04-18
- Ajax全接觸 2022-04-13
- MUI框架基礎影片教學 2022-04-13
- 線上訓練班試聽課 2019-01-10