首頁  >  文章  >  web前端  >  AngularJs中model、Controller(控制器)和View(視圖)之間有什麼樣的關係? (圖文)

AngularJs中model、Controller(控制器)和View(視圖)之間有什麼樣的關係? (圖文)

不言
不言原創
2018-07-21 17:26:542392瀏覽

對於AngularJs建置應用程式的使用,是離不開(Model)、控制器(Controller)、視圖(View)以及ViewModel的,那麼它們之間具體的關係是什麼?今天就給大家簡單分析一下它們之間的關係。

1、Model:它是與應用程式的業務邏輯相關的資料的封裝載體,它是業務領域的對象,Model並不關心會被如何顯示或操作,所以模型也不會包含任何介面顯示相關的邏輯。在web頁面中,大部分Model都是來自Ajax的伺服器返回資料或是全域的配置對象,而angular中的service則是封裝和處理這些與Model相關的業務邏輯的場所,這類的業務服務是可以被多個Controller或其他servece復用的領域服務。

2、Controller:這並不是MVVM模式的核心元素,但它負責ViewModel物件的初始化,它將組合一個或多個service來取得業務領域Model放在ViewModel物件上,使得應用程式介面在啟動載入的時候達到可用的狀態。

3、ViewModel:angular中的$scope物件充分扮演了這個ViewModel的角色,他是View和Model的黏合體,符合View和Model的互動和協作,它負責給View提供顯示的數據,以及提供了View中事件操作Model的途徑。

4、View:它專注於介面的顯示和渲染,在angular中則是包含一堆宣告式Directive的視圖模板。

下面用一張圖表示模型(Model)、控制器(Controller)、視圖(View)以及ViewModel之間的關係:

AngularJs中model、Controller(控制器)和View(視圖)之間有什麼樣的關係? (圖文)

相關推薦:

範本視圖和AngularJS之間衝突的解決方法

AngularJS控制器之間的通信方式詳解

以上是AngularJs中model、Controller(控制器)和View(視圖)之間有什麼樣的關係? (圖文)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn