app.js

/*global angular*/

(function () {
    'use strict';

    function config($qProvider, $stateProvider, $urlRouterProvider, $locationProvider) {

        $qProvider.errorOnUnhandledRejections(false);

        $stateProvider
            .state('list', {
                name: 'list',
                url: '/',
                templateUrl: 'components/list/templates/list.html',
                controller: 'ListCtrl'
            });

        $locationProvider.html5Mode(true);
    }

    function run($rootScope, $state, $stateParams, DataService) {

        $rootScope.state = $state;
        $rootScope.stateParams = $stateParams;

        console.log($rootScope);
    }

    angular.module('app', ['ui.router', 'app.controllers', 'app.services.DataService'])
        .config(['$qProvider', '$stateProvider', '$urlRouterProvider', '$locationProvider', config])
        .run(['$rootScope', '$state', '$stateParams', 'DataService', run]);
}());

DataService.js

/*global angular*/

(function () {
    'use strict';

    var dataService = function ($http) {

        var getData = function () {
            return $http.get('http://127.0.0.1:8080/data/lists.json');
        };

        return {
            getData: getData
        };
    };

    angular.module('app.services.DataService', [])
        .factory('DataService', dataService);
}());

ListController.js

/*global angular*/

(function () {
    'use strct';

    function ListCtrl(DataService) {
        var vm = this;
        vm.title = 'test title';

        DataService.getData()
            //.then(console.log.bind(console), console.log.bind(console))
            .then(function (response) {
                vm.lists = response.data;
            });

    }

    ListCtrl.$inject = ['DataService'];

    angular.module('app.controllers', [])
        .controller('ListCtrl', ListCtrl);
}());