AngularJS中文參考手冊

閱讀(23979) 更新時間(2022-04-13)

在《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 之前,您需要具備HTMLCSSJavaScript基礎知識。

下面讓我們執行第一個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