Угловой ui-маршрутизатор не работает

Question

Я пытаюсь загрузить функцию JSON-службы получения в функцию разрешения основного состояния, чтобы я мог хранить данные в переменной области.

Информация учетной записи JSON актуальна, поскольку все вспомогательные страницы в основном зависят от информации.

-

Приведенный ниже код частично работает. Функция разрешения учетной записи успешно вызвана, и даже $ http возвращает обещание (состояние === 0 хотя). Проблема заключается в том, когда функция account разрешает state.controller никогда не вызывается.

$stateProvider 
      .state('app',{ 
       url: '/', 
       views: { 
        'header': { 
         templateUrl: '../views/templates/partials/header.html', 
        }, 
        'content': { 
         templateUrl: '../views/templates/partials/content.html' 
        }, 
        'footer': { 
         templateUrl: '../views/templates/partials/footer.html', 
        } 
       }, 
       resolve: { 
        account: function($timeout, accountFactory){ 
         //Comment 
         return $http({method: 'GET', url: '/account.json'}); 
        } 
       }, 
       controller: ['$scope', 'account', function($scope, account){ 
        // You can be sure that promiseObj is ready to use! 
        $scope.data = account; 
        console.log('SCOPE!!!!!'); 
       }], 
      }) 
      .state('app.accessory', { 
       url: 'accessory', 
       views: { 
        'content@': { 
         templateUrl: '../views/accessory/listing.html', 
         controller: 'accessoryListingCtrl', 
         controllerAs: 'vm' 
        } 
       } 

      }) 
    }]); 

Answer 1

Неправильная конфигурация вашего родительского состояния. При использовании нескольких именованных представлений Контроллер не относится к состоянию, а к представлению, поэтому вы должны переместить оператор контроллера в конкретное объявление объявления или все, если оно вам понадобится повсюду.

Смотрите здесь: https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views

$stateProvider 
    .state('report',{ 
    views: { 
     'filters': { 
     templateUrl: 'report-filters.html', 
     controller: function($scope){ ... controller stuff just for filters view ... } 
     }, 
     'tabledata': { 
     templateUrl: 'report-table.html', 
     controller: function($scope){ ... controller stuff just for tabledata view ... } 
     }, 
     'graph': { 
     templateUrl: 'report-graph.html', 
     controller: function($scope){ ... controller stuff just for graph view ... } 
     }, 
    } 
    }) 

Answer 2

Я не знаю, почему контроллер не вызван. Но вы можете начать с того, что resolve всегда возвращает данные.

resolve: { 
    account: function($timeout, accountFactory){ 
     //Comment 
     return $http({method: 'GET', url: '/account.json'}) 
      .$promise.then(
       function(data) { return data; }, 
       function(error) { return error; }); 
    } 
}