AngularJS MVC從工廠服務響應中創建模型對象，然後更新視圖上的數據

Question

我有一個視圖，用戶輸入數據並將數據提交給服務器。同一個視圖有一個ng-table，用服務器響應數據進行更新。

我想要做的是創建一個視圖，視圖從控制器中提取數據。控制器從模型中提取數據。該模型由工廠響應填充。

有沒有人有這個基本的例子？我找不到任何使用模型的例子。我想讓我的用戶界面中的其他控制器使用這個模型來共享數據。

我想不出的最大問題是如何在多個控制器之間共享數據。當數據更新時，我希望每個控制器都能獲取更新的數據，因此需要一個Model。

我打電話給Web服務來獲取我的數據。

任何代碼示例都會有幫助！謝謝

Answer 1

我希望你想要的是這樣的東西。

在html中。

<div ng-app="myapp"> 
    ctrlA 
    <div ng-controller="ctrlA"> 
     <input ng-model="mymodel.name"> 
    </div> 

    ctrlB 
    <div ng-controller="ctrlB"> 
     <input ng-model="mymodel.name"> 
    </div> 
</div> 

在js。 （在此示例中，我建有靜態值清除本質的模式。然而，你也可以從服務器得到一些數據，建立模型。）

angular.module('myapp',[]).service('myservice', function(){ 
    this.sharemodel = { 
     name: undefined 
    } 
}) 

function ctrlA($scope, myservice){ 
    $scope.mymodel = myservice.sharemodel; 
} 

function ctrlB($scope, myservice){ 
    $scope.mymodel = myservice.sharemodel; 
} 

我設置jsfiddle。