Я хотел бы реализовать установку, в которой я могу определить "корневое состояние" в основном модуле, а затем добавить дочерние состояния в другие модули. Это, потому что мне нужно состояние root для разрешения, прежде чем я могу перейти в дочернее состояние.
По-видимому, это должно быть возможно в соответствии с этим FAQ: Как настроить ui-маршрутизатор из нескольких модулей
Для меня это не работает: Ошибка. Недоступная ошибка. Нет такого состояния "приложение" из ngBoilerplate.foo
Вот что у меня есть:
app.js
angular.module( 'ngBoilerplate', [
'templates-app',
'templates-common',
'ui.state',
'ui.route',
'ui.bootstrap',
'ngBoilerplate.library'
])
.config( function myAppConfig ( $stateProvider, $urlRouterProvider ) {
$stateProvider
.state('app', {
views:{
"main":{
controller:"AppCtrl"
}
},
resolve:{
Auth:function(Auth){
return new Auth();
}
}
});
$urlRouterProvider.when('/foo','/foo/tile');
$urlRouterProvider.otherwise( '/foo' );
})
.factory('Auth', ['$timeout','$q', function ($timeout,$q) {
return function () {
var deferred = $q.defer();
console.log('before resolve');
$timeout(function () {
console.log('at resolve');
deferred.resolve();
}, 2000);
return deferred.promise;
};
}])
.run(function run( $rootScope, $state, $stateParams ) {
console.log('greetings from run');
$state.transitionTo('app');
})
.controller( 'AppCtrl', function AppCtrl ( $scope, Auth ) {
console.log('greetings from AppCtrl');
});
foo.js
angular.module( 'ngBoilerplate.foo', ['ui.state'])
.config(function config( $stateProvider ) {
$stateProvider
.state( 'app.foo', {
url: '/foo/:type',
views: {
"main": {
controller:'FooCtrl',
templateUrl: function(stateParams) { /* stuff is going on in here*/ }
}
}
});
})
.controller( 'FooCtrl', function FooCtrl( $scope ) {
console.log('deferred foo');
});
Как сделать эту работу или какие другие подходы я могу предпринять, чтобы что-то глобальное разрешалось перед каждым состоянием (без определения разрешения для каждого состояния)?