AngularJs中model、Controller（控制器）和View（視圖）之間有什麼樣的關係？ （圖文）

對於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之間衝突的解決方法

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

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