リストビューからangular.jsの詳細ビューにデータを渡す

Question

リストビューと詳細ビューに別々のルートとコントローラを持つ典型的なCRUDアプリがあります。

リストのデータは、$resourceを使用して取得されます。

現在、私の詳細ビューコントローラでは、$resourceを使用してサーバーからアイテムを取得し、追加のHTTP要求を発生させます。

代わりに、自分のリストコントローラに私が編集中のアイテムが既にあるので、このアイテムをリストコントローラから詳細コントローラに渡したいと思います。

しかし、私はどのようにわかりません。私は両方のビューのための1つのコントローラを作ることができますが、これは正しくないようです。

助けてください。

Answer 1

あなたはコントローラ間でデータを共有するためのサービスを使用することができます。

exemple：https://groups.google.com/d/msg/angular/IjKY_CRyRno/kP0M_LTzOTkJ

または私はいくつかの時間前に書いたフィドル：あなたは添付の工場でhttp://jsfiddle.net/XqDxG/169/

myModule.factory('mySharedService', function($rootScope) { 
    var sharedService = {}; 
    sharedService.data = {}; 
    sharedService.data.message = ''; 

    return sharedService; 
}); 

function ControllerZero($scope, sharedService) { 
    // expose service data to angular scope 
    $scope.sharedData = sharedService.data; 

    $scope.handleClick = function(msg) { 
     sharedService.data.message = msg;    
    }; 

    $scope.$watch('sharedData.message', function(msg) { 
     $scope.message = msg; 
    }); 
} 

function ControllerOne($scope, sharedService) { 
    $scope.sharedData = sharedService.data; 

    $scope.$watch('sharedData.message', function() { 
     $scope.message = 'ONE: ' + sharedService.data.message; 
    }); 
}