在加载之前,我需要在我的应用程序中解决一些依赖项(为我的服务获取数据等)。我想将它们分开,这样我就有一个用于主应用程序的配置 block ,然后为应用程序的其他部分提供一个或多个配置 block 。
最终,我希望它能够解决主应用程序的依赖关系,加载与之关联的组件,然后解决其余部分并加载这些部分,因此加载时它的响应速度更快。
到目前为止,这是我想出的,但它没有解决第一个配置 block 中的依赖关系:
angular.module('myApp', ['ui.router', 'kendo.directives'])
.config(function($stateProvider) {
$stateProvider
.state('settings', {
url: '/',
views: {
'mainNav': {
templateUrl: 'scripts/directives/mainNav/mainNav.html',
controller: 'mainNavCtrl'
//etc
}
},
resolve: {
fetchSettings: function(Settings) {
return Settings.fetch;
}
}
});
})
.config(function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider
.state('otherPart', {
url: '',
views: {
'otherPart': {
templateUrl: 'views/otherPart.html'
//etc
}
},
resolve: {
fetcherPromise: function(User, MyData) {
var fns = [
MyData.fetch,
User.fetchEntitlements
];
return fetcher.inSerial(fns);
}
}
})
;
});
我什至走在正确的轨道上吗?
最佳答案
在应用程序中有多个配置 block 不是问题。它应该可以正常工作。链接配置以保持隔离是完全可以的。您应该在这里缺少其他东西。可能是在 App 配置开始时服务提供者没有解决。
或者应用程序启动时没有解析其中包含服务的模块。确保配置 block 中使用的模块或服务在启动时已解析并在 AppModule 中可用。
关于angularjs - Angular 模块中的多个配置 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24659505/