Angularjs 使用角度平移静态文件加载器的i18n
我正在关注ng时事通讯,使用Angular Translate将i18n应用于我的应用程序。当我将翻译包含在app.js文件中时,该应用程序运行良好,但我无法让StaticFileLoader正常工作。这是我的app.js文件,工作代码被注释掉了-Angularjs 使用角度平移静态文件加载器的i18n,angularjs,internationalization,Angularjs,Internationalization,我正在关注ng时事通讯,使用Angular Translate将i18n应用于我的应用程序。当我将翻译包含在app.js文件中时,该应用程序运行良好,但我无法让StaticFileLoader正常工作。这是我的app.js文件,工作代码被注释掉了- angular.module('myApp', [ 'ngCookies', 'ngRoute', 'ngResource', 'pascalprecht.translate', 'myApp.services', 'myApp.directives
angular.module('myApp',
[
'ngCookies',
'ngRoute',
'ngResource',
'pascalprecht.translate',
'myApp.services',
'myApp.directives',
'myApp.controllers',
]);
angular.module('myApp.services', ['ngResource']);
angular.module('myApp.directives', []);
angular.module('myApp.controllers', []);
angular.module('myApp')
.config(['$httpProvider', '$translateProvider', function($httpProvider, $translateProvider) {
$httpProvider.defaults.useXDomain = true;
$httpProvider.defaults.withCredentials = true;
delete $httpProvider.defaults.headers.common['X-Requested-With'];
console.log($httpProvider.defaults);
/*$translateProvider.translations('en', {
HEADLINE: 'This is my home page',
HOME: 'Home',
SETTINGS: 'Settings',
LOGOUT: 'Log Out',
EDIT: 'Edit' ,
DELETE: 'Delete' ,
PASSWORD: 'Password' ,
CONFIRM_PASSWORD: 'Confirm Password' ,
BUTTON_TEXT_EN: 'english',
BUTTON_TEXT_DE: 'german'
})
.translations('de', {
HEADLINE: 'Dies ist der Homepage',
HOME: 'Zuhause',
SETTINGS: 'Einstellungen',
LOGOUT: 'Ausloggen',
EDIT: 'Bearbeiten' ,
DELETE: 'Löschen' ,
PASSWORD: 'Passwort' ,
CONFIRM_PASSWORD: 'Passwort Bestätigen' ,
BUTTON_TEXT_EN: 'englisch',
BUTTON_TEXT_DE: 'deutsch'
}); */
$translateProvider.preferredLanguage('en');
$translateProvider.useStaticFilesLoader({
prefix: '/languages/',
suffix: '.json'
});
}]);
我已经在我的应用程序中添加了两个文件,en.json和de.json以及一个名为/languages的文件夹。当我尝试运行该应用程序时,会出现一个错误,提示:
Uncaught Error: [$injector:unpr] Unknown provider: $translateStaticFilesLoaderProvider <- $translateStaticFilesLoader
Uncaught错误:[$injector:unpr]未知提供程序:$translateStaticFilesLoaderProvider在您的文件中还包括以下内容:
angular.module("pascalprecht.translate").factory("$translateStaticFilesLoader",["$q","$http",function(a,b){return function(c){if(!c||!angular.isString(c.prefix)||!angular.isString(c.suffix))throw new Error("Couldn't load static files, no prefix or suffix specified!");var d=a.defer();return b({url:[c.prefix,c.key,c.suffix].join(""),method:"GET",params:""}).success(function(a){d.resolve(a)}).error(function(){d.reject(c.key)}),d.promise}}]);
将其重命名为angular-translate-loader-static-files.min.js并包含它
它位于此处:我最终复制了StaticFileLoader模块并将其粘贴到主angular-translate.js文件中。它现在工作正常了。真高兴它起了作用!前几天也有同样的问题,我认为假设每个人都使用bower是愚蠢的。我确实使用了bower,但仍然没有得到这种依赖。