Usage of SettingsProvider

let blog = angular.module('BlogApp', ['ui.router', 'SettingsProvider']);

/** Blog application pre-configuration **/
blog.config(function ($urlRouterProvider, $stateProvider, settingsProvider, $locationProvider) {

    $locationProvider.hashPrefix('');
    $urlRouterProvider.otherwise('/');

    /** Other Routes **/
    $stateProvider
        .state('main', {
            url: '/',
            views: {
                header: settingsProvider.generateRouter('header', 'primary', false),
                footer: settingsProvider.generateRouter('footer', 'primary', false),
                content: settingsProvider.generateRouter('root', 'content', false),
                'content@main': settingsProvider.generateRouter('root', 'main', 'Posts')
            }
        })
        .state('search', {
            url: '/search/{q}',
            views: {
                header: settingsProvider.generateRouter('header', 'primary', false),
                footer: settingsProvider.generateRouter('footer', 'primary', false),
                content: settingsProvider.generateRouter('root', 'content', false),
                'content@main': settingsProvider.generateRouter('root', 'search', 'Search')
            }
        });

    /** PostsRoutes **/

});

/** **/
blog.run(function ($rootScope, $http, $state) {

    $rootScope.pageTitle = 'Test Title';
    $rootScope.categories = [];
    $rootScope.random_images = [];

    $http.get('/data/about_us.json').then(function (response) {
        $rootScope.about = response.data.text;
    });

});