Attach Data to Pages $scope During AngularJS App Startup in .run - angularjs

Question

I'm dynamically creating my routes in .run here:
.run(function($http, $rootScope) {
var mainInfo = null;
$http.get('thegoods.json').success(function(data) {
$rootScope.HomeGateway = data.HomeGateway;
var pages = $.merge($rootScope.HomeGateway.questions, $rootScope.HomeGateway.messages);
for (var i = 0; i < pages.length; i++) {
$routeProviderReference.when(pages[i].url, {
templateUrl: pages[i].view,
controller: pages[i].controller,
data: pages[i].data
})
}
});
How can I access the data (defined as data: pages[i].data above). Note, I'm not sure if this is completely correct -- but it should serve as a demonstration of what I'm trying to accomplish.
Basically, I grab a JSON file and store it in $rootScope. I then use the $rootScope to dynamically create all the URLs. (Please see http://blog.brunoscopelliti.com/how-to-defer-route-definition-in-an-angularjs-web-app/ if you are interested in doing this yourself) I want to be able to access data specific to certain pages without having to search through the JSON data again. I understand that it is an inexpensive operation but I'd like to do it the right way if possible.
Another way of phrasing my question would be.. how can I define each pages $scope at .run when the app first starts?

Answer 1

If all, written in article, you share is true, and I correctly understand all you want, then you should use resolve option of second parameter of .when function as described here. And write smth like:
$routeProviderReference.when(pages[i].url, {
templateUrl: pages[i].view,
controller: pages[i].controller,
resolve: {
data: function(){
return pages[i].data;
}
}
});
And then in controllers:
function QuestionController($scope, data) {
$scope.data = data.someProp;
}