Compartir datos entre páginas en AngularJS regresando vacío
Por lo general, escribo SPA y compartir datos entre controladores es simple con un servicio.
No estoy usando un formato SPA (no estoy usando ng-view), y estoy tratando de compartir datos entre páginas, pero al cargar la segunda página (para obtener datos) está vacío.
PÁGINA1 (index.html):
<div ng-controller="CreateList">
<input type="text" ng-model="myValue">
<div ng-click="share(myValue)">Share</div>
</div>
PÁGINA 2:
<div ng-controller="GeList">
<p>{{ sharedData }}</p>
</div>
JS:
app.controller('CreateList', function($scope, $location, $http, serviceShareData) {
$scope.share= function (selectedValue) {
if (selectedValue === undefined ) {
console.log ("its undefined");
}
else {
console.log (selectedValue);
serviceShareData.addData(selectedValue);
window.location.href = "PAGE2.html";
}
}
});
app.controller('GeList', function($scope, $location, $http, serviceShareData) {
$scope.sharedData = serviceShareData.getData();
console.log($scope.sharedData);
});
app.service('serviceShareData', function() {
var myData = [];
var addData = function(newObj) {
myData.push(newObj);
}
var getData = function(){
return myData;
}
return {
addData: addData,
getData: getData
};
});
Aquí hay un plunkr:http://plnkr.co/edit/6VHJhirnHZxBpKOvqzI6?p=preview