$routeParams is empty in main controller

Question

I have this piece of layout html:

Answer 1

You can simply pass values of $routeParams defined into your controller into the $rootScope

.controller('MainCtrl', function ($scope, $routeParams, MainFactory, $rootScope) {
    $scope.contents = MainFactory.getThing($routeParams.id);
    $rootScope.total = MainFactory.getMax(); // Send total to the rootScope
}

and inject $rootScope in your IndexCtrl (related to the index.html)

.controller('IndexCtrl', function($scope, $rootScope){
    // Some code
});