angularjs是什麼

AngularJS也被稱為「Angular」是一個客戶端的JavaScript MVC框架，用於開發動態Web應用程式。它最初是作為Google的一個專案啟動的，但現在它是開源框架。

AngularJS完全基於HTML和JavaScript，因此無需學習其他語法或語言。

AngularJS將靜態HTML改為動態HTML。它透過新增內建屬性和元件來擴展了HTML的功能，也提供了使用簡單JavaScript建立自訂屬性的功能。 【相關影片教學推薦：AngularJS教學】

#AngularJS的功能

##Angular具有以下主要功能，使其成為市場上強大的框架之一。

1、MVC 

此框架基於著名的MVC概念（模型 - 視圖 - 控制器）。這是所有現代網頁應用程式中使用的設計模式。此模式基於將業務邏輯層，資料層和表示層拆分為單獨的部分。完成不同部分的劃分，以便更容易管理每個部分。

2、資料模型綁定

我們不需要編寫特殊程式碼來將資料綁定到HTML控件，可以透過Angular添加幾段程式碼來完成。

3、寫更少的程式碼

一般在執行DOM作業時，需要寫大量的JavaScript來設計任何應用程式。但是使用Angular，你會驚訝於為DOM操作編寫的程式碼量較少。

4、單元測試 

 Google的設計人員不僅開發了Angular，還開發了一個名為「Karma」的測試框架，有助於為AngularJS應用程式設計單元測試。

AngularJS架構

Angular.js是遵循MVC架構，MVC框架圖如下圖所示。

AngularJS的架構圖

Controller表示具有業務邏輯的層。使用者事件觸發儲存在控制器內的功能。使用者事件是控制器的一部分。

View，視圖用於表示提供給最終使用者的表示層

Model，模型用於表示我們的資料。模型中的資料可以像只有原始聲明一樣簡單。例如，如果要維護有關學生的應用程序，則我們的資料模型可能只有學生ID和姓名。

AngularJS的優勢

#1、由於它是一個開源框架，因此我們可以預期錯誤或問題的數量最少。

2、雙向綁定 

Angular.js讓資料和表示層保持同步。現在，無需編寫其他JavaScript程式碼來保持HTML程式碼中的數據，以及稍後同步的資料。 Angular.js會自動為您執行此操作。我們只需指定哪個控制項綁定到模型的哪個部分。

3、路由 

Angular可以處理路由，這表示從一個視圖移動到另一個視圖。這是單頁面應用程式的關鍵基礎; 其中，您可以根據使用者互動移動到Web應用程式中的不同功能，但仍保留在同一頁上。

4、Angular支援測試，包括單元測試和整合測試。

5、透過提供稱為指令的自身元素來擴充HTML

在較高層級中，指令是DOM元素上的標記（例如屬性，元素名稱和註解或CSS類別），它們告訴AngularJS的HTML編譯器將指定的行為附加到該DOM元素。這些指令有助於擴充現有HTML元素的功能，從而為網路應用程式提供更多功能。

總結：以上就是這篇文章的全部內容，希望能對大家的學習有所幫助。

以上是angularjs是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！