Angularjs передают значение с одной страницы на другую

Question

В следующем коде я пытаюсь перейти на другую страницу при щелчке и хочу передать объект i, как я могу это сделать. В следующем коде я получаю как undefined.how идти об этом

<button ng-href="#/page1" value="{{i.display}}"></button> 

app.controller("ctrls",['$scope','$location',function($scope,$location){ 
    $scope.func = function(i) { 
    $scope.var=i 
    $location.path("/rel"); 
    }; 
]); 

app.controller("ctrls",'$scope',function($scope) { 
console.log($scope.var) //undefined 
]); 

Answer 1

Страницы обычно имеют контроллер (ы), может быть создана служба для обмена данными между страницами (путем ввода службы в связанные контроллеры). Как:

app.factory('myService', function() { 
var savedData = {} 
function set(data) { 
    savedData = data; 
} 
function get() { 
    return savedData; 
} 

return { 
    set: set, 
    get: get 
} 

}); 

в контроллере A:

myService.set(yourSharedData); 

в контроллере B:

$scope.desiredLocation = myService.get(); 

Счастливый Помощь!

Answer 2

Используйте сервис (лучший) https://docs.angularjs.org/guide/services

Или $ rootScope (плохо, но проще) https://docs.angularjs.org/api/ng/service/$rootScope