首頁 > web前端 > js教程 > 主體

angularjs是什麼

青灯夜游
發布: 2018-12-06 09:20:37
原創
13608 人瀏覽過

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

angularjs是什麼

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是什麼AngularJS的架構圖

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

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

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

AngularJS的優勢

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

2、雙向綁定 

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


angularjs是什麼

3、路由 

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

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

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

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

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板