コントローラー間でデータを共有できません

Question

私は角度の付いたSPAを構築しています。コントローラーは2つあり、データを共有したいと考えています。 service/factoryを使用してデータを共有できません。ベローはコードです。

/*this service is a helper to submit multipart form data*/ 
 
appDls.service('multipartForm', ['$http', function($http){ 
 
    this.post = function(url,data){ 
 
    var responseVar = ""; 
 
    var fd = new FormData; 
 
    for(var key in data){ 
 
     fd.append(key,data[key]); 
 
    } 
 
    return $http.post(url,fd,{ 
 
     transformRequest: angular.indentity, 
 
     headers: {'Content-Type':undefined} 
 
    }); 
 
    } 
 
}]); 
 

 
/*this factory is for sharing data across controllers*/ 
 

 
appDls.factory('sharedFactory', function(){ 
 
    var dataTobeShared = {}; 
 
    var interface = {}; 
 

 
    interface.add = function(d){dataTobeShared = d;} 
 
    interface.put = function(){return dataTobeShared;} 
 

 
    return interface; 
 
}); 
 

 

 

 
/*this controller is for the main portal user redirection and portal rendering*/ 
 
appDls.controller('DlsappController', ['$scope', '$state','multipartForm','sharedFactory', function($scope,$state,multipartForm,sharedFactory){ 
 

 
    $scope.login = function(){ 
 
    var url = "../scripts/routes.php/authen"; 
 
    multipartForm.post(url,$scope.login).then(function(d){ 
 
     $scope.data = d.data; 
 
    }); 
 
    $scope.data = sharedFactory.add; 
 
    $scope.data = {}; 
 
    } 
 
    
 
}]); 
 

 

 
/*this controller is for landing page routing*/ 
 
appDls.controller('landingController', ['$scope', '$state','multipartForm','sharedFactory', function($scope,$state,multipartForm,sharedFactory){ 
 
    $scope.fucking = sharedFactory.put; 
 
}]);

、私は早く返事を探しています...私は上記のコードで間違っているものを教えてください。

Answer 1

私は$scope.data = sharedFactory.add;あなたはフィドル

Answer 2

使用を共有することができればそれは素晴らしいものだそう

sharedFactory.add($scope.data) 

を使用したデータ を追加しません、あなたのコントローラ内の関数を呼び出す修正する必要があると思う

sharedFactory.add($scope.data); 
sharedFactory.put(); 

var appDls = angular.module('myCtrl', []); 
 
/*this service is a helper to submit multipart form data*/ 
 
appDls.service('multipartForm', ['$http', 
 
    function($http) { 
 
    this.post = function(url, data) { 
 
     var responseVar = ""; 
 
     var fd = new FormData; 
 
     for (var key in data) { 
 
     fd.append(key, data[key]); 
 
     } 
 
     return $http.post(url, fd, { 
 
     transformRequest: angular.indentity, 
 
     headers: { 
 
      'Content-Type': undefined 
 
     } 
 
     }); 
 
    } 
 
    } 
 
]); 
 

 
/*this factory is for sharing data across controllers*/ 
 

 
appDls.factory('sharedFactory', function() { 
 
    var dataTobeShared = {}; 
 
    var interface = {}; 
 

 
    interface.add = function(d) { 
 
    dataTobeShared = d; 
 
    } 
 
    interface.put = function() { 
 
    return dataTobeShared; 
 
    } 
 

 
    return interface; 
 
}); 
 

 

 

 
/*this controller is for the main portal user redirection and portal rendering*/ 
 
appDls.controller('DlsappController', ['$scope', 'multipartForm', 'sharedFactory', 
 
    function($scope, multipartForm, sharedFactory) { 
 

 
    //$scope.login = function(){ 
 
    // var url = "../scripts/routes.php/authen"; 
 
    // multipartForm.post(url,$scope.login).then(function(d){ 
 
    $scope.data = { 
 
     "Name": "No One" 
 
    }; 
 
    // }); 
 
    sharedFactory.add($scope.data); 
 
    
 
    //} 
 

 
    } 
 
]); 
 

 

 
/*this controller is for landing page routing*/ 
 
appDls.controller('landingController', ['$scope', 'multipartForm', 'sharedFactory', 
 
    function($scope, multipartForm, sharedFactory) { 
 
    $scope.fucking = sharedFactory.put(); 
 
    } 
 
]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myCtrl"> 
 
    <div ng-controller="DlsappController"> 
 
    DATA(DlsappController):{{data}} 
 
    </div> 
 
    <div ng-controller="landingController"> 
 
    DATA(landingController):{{fucking}} 
 
    </div> 
 
</div>