Лучший дизайн для передачи данных в другие ng-view и сохранения их на контроллерах
Я начал развиваться в AngularJS. Я запутался в том, является ли это правильным дизайном для передачи данных между моими частичными представлениями.
Прямо сейчас у меня есть страница загрузчика, где я делаю запрос.
function PeopleController($scope,$http,$location){
$http.get('/location/-79.18925/43.77596').
success(function(data){
$scope.savePeopleResponse(data);
$location.url('/test');
});
}
Тогда в представлении, которое загружается для / теста
Я просто звоню
<div ng-controller="resultController">
<div class="blueitem">{{getResultForPeople()|json}}</div>
</div>
[ResultController]
function resultController($scope){
$scope.getResultForPeople = function(){
return $scope.getPeopleResponse();
}
}
а savePeopleResponse и getResultForPeople & quot; кэшированы & quot; в rootScope как таковой
app.run(function($rootScope) {
var peopleResponse = {};
$rootScope.savePeopleResponse = function(data) {
peopleResponse = data;
console.log(data);
}
$rootScope.getPeopleResponse = function(){
return peopleResponse;
}
});
Теперь, как вы можете видеть, это будет очень грязно, если это приложение будет становиться все больше и больше. Каков наилучший способ обработки данных, чтобы они сохранялись на всех контроллерах?