Angular開發的示例分析

這篇文章給大家分享的是有關Angular開發的示例分析的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

什么是Angular

AngularJS是動態Web應用程序的結構框架。 它允許您使用HTML作為模板語言，并允許您擴展HTML的語法以清晰，簡潔地表達應用程序的組件。AngularJS的數據綁定和依賴注入消除了許多你不得不編寫的代碼。這一切都發生在瀏覽器中，使其成為任何服務器技術的理想合作伙伴。

動態應用程序和靜態文檔之間的動態適配常常通過以下方式解決

• 一個庫：一組在編寫網絡應用程序時非常有用的函數。你的代碼是負責在它調用庫中它認為合適的。 例如jQuery

• 框架：Web應用程序的特定實現，其中你的代碼填充詳細信息。框架是負責，當它需要某些應用程序特定時調用你的代碼。 例如，durandal，ember等。

AngularJS采取另一種方法。 它嘗試通過創建新的HTML結構來最小化文檔中心HTML和應用程序需要的阻抗之間的不匹配。 AngularJS通過我們調用指令的構造來教導瀏覽器的新語法。 示例包括：

• 數據綁定：{{}}

• DOM控制結構，用于重復，顯示和隱藏DOM片段

• 支持表單和表單驗證

• 將新行為附加到DOM元素，例如DOM事件處理

• 將HTML分組為可重用組件。

一個完整的客戶端解決方案

AngularJS不是構建Web應用程序的客戶端的整體謎題中的單一部分。它處理所有你曾經用手寫的DOM和AJAX粘合代碼，并把它放在一個定義良好的結構中。這使得AngularJS認為應該如何構建一個CRUD（創建，讀取，更新，刪除）應用程序。 但是，雖然它的意見，它也試圖確保其意見只是一個起點，你可以輕易改變。 AngularJS提供了以下開箱即用的：

• 在一個連貫的集合中構建一個CRUD應用程序所需的一切：數據綁定，基本模板指令，表單驗證，路由，深層鏈接，可重用組件和依賴注入

• 可測試性故事：單元測試，端到端測試，模擬和測試線束

• 發布應用程序以目錄布局和測試腳本為起點。

AngularJS的討巧之處

AngularJS通過向開發人員提供更高級別的抽象來簡化應用程序開發。像任何抽象一樣，它以靈活性為代價。換句話說，不是每個應用程序都適合AngularJS。AngularJS是用CRUD應用程序構建的。幸運的是，CRUD應用程序代表了大多數Web應用程序。 為了理AngularJS有什么好處，但它有助于理解什么時候一個應用程序不是一個很好的適合AngularJS。

游戲和GUI編輯器是使用密集和棘手的DOM操作的應用程序的例子。這些類型的應用程序不同于CRUD應用程序，因此可能不是一個很好適合AngularJS。在這些情況下，最好使用具有較低抽象級別的庫，例如jQuery。

AngularJS的禪

• 注冊回調：注冊回調會雜亂你的代碼，使得很難看到樹的森林。 刪除常見的樣板代碼，如回調是一件好事。 它大大減少了你必須做的JavaScript編碼量，它使你更容易看到你的應用程序做什么。

• 以編程方式操縱HTML DOM：操縱HTML DOM是AJAX應用程序的基石，但它很繁瑣，容易出錯。通過聲明性地描述在應用程序狀態更改時UI應該如何更改，您將從低級DOM操作任務中釋放出來。大多數使用AngularJS編寫的應用程序從不需要以編程方式操作DOM，盡管如果你愿意的話。

• 與UI進行數據封送：CRUD操作構成了大多數AJAX應用程序的任務。 從服務器到內部對象到HTML表單的編組數據流，允許用戶修改表單，驗證表單，顯示驗證錯誤，返回到內部模型，然后返回到服務器，創建了很多模板文件代碼。 AngularJS消除了幾乎所有的這個樣板，留下描述應用程序的整體流程的代碼，而不是所有的實現細節。

• 寫入大段的初始化代碼只是為了開始：通常你需要寫很多管道只是為了獲得一個基本的“Hello World”AJAX應用程序工作。使用AngularJS，您可以使用服務輕松引導應用程序，這些服務以類似Guice的依賴注入方式自動注入到應用程序中。這允許你快速開始開發功能。作為獎勵，你可以完全控制自動化測試中的初始化過程。

感謝各位的閱讀！關于“Angular開發的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！