我使用角度翻译为i18n.我想将$translatePartialLoader服务用于模块化语言密钥作为延迟加载.另外我想为此使用ui-router resolve选项.
谢谢
我找到解决方案并解决我的问题.
原文链接：https://www.f2er.com/angularjs/143240.html在配置中：
$translatePartialLoaderProvider.addPart('index');
$translateProvider
.useSanitizeValueStrategy(null)
.fallbackLanguage('en-us')
.registerAvailableLanguageKeys(['en-us','pt-br'],{
'en_*': 'en-us','pt_*': 'pt-br'
})
.useLoader('$translatePartialLoader',{
urlTemplate: '{part}/locale_{lang}.json'
})
.useLoaderCache(true)
.useCookieStorage()
.determinePreferredLanguage();
在ui-router for index中：
.state('index',{
url: '/index',templateUrl: 'index.html',controller:'IndexCtrl',resolve: {
trans:['RequireTranslations',function (RequireTranslations) {
RequireTranslations('index');
}],dep: ['trans','$ocLazyLoad',function(trans,$ocLazyLoad){
return $ocLazyLoad.load(['plugin']).then(
function(){
return $ocLazyLoad.load(['IndexCtrl.js']);
}
);
}]
}
})
.state('index.users',{
url: "/users",templateUrl: "users.html",controller:'UserListCtrl',function (RequireTranslations) {
RequireTranslations('modules/user');
}],$ocLazyLoad){
return $ocLazyLoad.load(['UserListCtrl.js'])
}]
}
})
并在运行中：
app.run(function($rootScope,$translate) {
// translate refresh is necessary to load translate table
$rootScope.$on('$translatePartialLoaderStructureChanged',function () {
$translate.refresh();
});
$rootScope.$on('$translateChangeEnd',function() {
// get current language
$rootScope.currentLanguage = $translate.use();
});
})
在RequireTranslations工厂中：
app.factory('RequireTranslations',function($translatePartialLoader,$translate,$rootScope) {
return function() {
angular.forEach(arguments,function(translationKey) {
$translatePartialLoader.addPart(translationKey);
});
return $translate.refresh().then(
function(){
return $translate.use($rootScope.currentLanguage);
}
);
};
});
请注意你应该在所有控制器中添加$translatePartialLoader和trans作为参数,如下所示：
app.controller('UserListCtrl',function($scope,...,$translatePartialLoader,trans){
