Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 使用Angular Translate StaticFilesLoader的i18n大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在关注 this tutorial的ng-newsletter,使用Angular-Translate将i18n应用到我的应用程序.当我在我的app.js文件中包含翻译时,该应用程序正常工作,但我无法使StaticFilesLoader工作.这是我的app.js文件,其工作代码已注释掉 –

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

如何将此声明为依赖项?我认为它是pascalprecht.translate的一部分.

解决方法

在您的文件中也包含此内容

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并包含它.

它位于:https://github.com/angular-translate/bower-angular-translate-loader-static-files

大佬总结

以上是大佬教程为你收集整理的angularjs – 使用Angular Translate StaticFilesLoader的i18n全部内容,希望文章能够帮你解决angularjs – 使用Angular Translate StaticFilesLoader的i18n所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。