# Angular簡介 ### 初識Angular Angular是Google公司提供的一套開源的項目框架，準確地說，是一套基于MVC結構的JavaScript開發工具，該工具的核心功能就是對現有HTML編碼以指令方式進行擴展，并使擴展后的HTML編碼可以通過使用元素聲明的方式來構建動態內容。因此，這樣的擴展具有劃時代的意義，這也是Angular框架自誕生起就備受關注的重要原因。 ### Angular簡介 從開始的概述中我們知道，Angular是基于HTML基礎進行擴展的開發工具，其擴展的目的就是希望能通過HTML標簽構建動態的Web應用。要實現這樣的目的，需要在Angular內部利用了兩項技術點，一個是數據的雙向綁定，另一個是依賴注入。 在Angular中，數據綁定可以通過雙花括號的方式向頁面的DOM元素中插入數據，也可以通過添加元素屬性的方式綁定Angular的內部指令，實現對元素的數據綁定，這兩種形式的數據綁定都是雙向同步的，即只要一端發生了變化，綁定的另一端會自動進行同步。 依賴注入是Angular中一個特有的代碼編寫方式，其核心思想是在編寫代碼時，只需要關注為實現頁面功能要調用的對象是什么，而不必了解它需依賴于什么，像邏輯類中的$scope對象就是通過依賴注入的方式進行使用的。這兩項技術點，我們將在后續的章節中進行詳細介紹，在此只作概念了解即可。在Angular框架中，通過雙向綁定和依賴注入這兩個功能，極大減少了用戶的代碼開發量，只需要像聲明一個HTML元素一樣，就可以輕松構建一個復雜的Web端應用，而這種方式構建的應用的全部代碼都由客戶端的JavaScript代碼完成。因此，Angular框架也是有效解決端（客戶端）對端（服務端）應用的方案之一。 ### 特點 Angular是在原有的HTML語法基礎之上進行擴展的。因此，要學習Angular框架，首先需要了解它擴展后的基本語法特點。概括起來，包括以下幾個部分。 * 使用雙大括號語法對動態獲取的數據進行綁定。這種綁定是一種雙向的綁定，即如果客戶端發生了變化，綁定的服務器端數據也會更新。同樣，如果服務器端發生了變化，被綁定的客戶端數據同樣也會隨之變更。 * 能將HTML元素代碼通過分合的方式組成可重用的組件。這一功能可以將HTML頁面中的某塊代碼作為模塊在多處重復使用。通過這種方式可以增加代碼的重復使用，減少代碼的開發量，提高開發效率。 * 支持表單和表單的驗證功能。表單元素在HTML頁面中占有重要的地位，而Angular框架可以很好地支持該元素，包括它的數據驗證功能，這為開發人員提供了很大的方便。·能使用邏輯代碼與DOM元素相關聯。通過邏輯代碼的結果控制DOM元素片段的隱藏或顯示，這樣可以避免在邏輯代碼中編寫大量的HTML元素代碼，大大提高JavaScript代碼的執行效率。 ### 適用范圍 由于Angular是構建一個MVC類結構的JavaScript庫，是一個開源的代碼類庫，因此，為了更好體現它的最大優勢，筆者建議在構建一個CRUD（增加Create、查詢Retrieve、更新Update、刪除Delete）應用時使用它，而對于那些圖形編輯、游戲開發等應用，使用Angular就不如調用其他JavaScript類庫方便，如jQuery。