angularjs - Angular 翻译静态加载器文件 PascalPrecht

Question

我正在使用 Angular-translate(PascalPrecht 模块)。

我成功地按照以下示例使其工作:http://www.ng-newsletter.com/posts/angular-translate.html

但是，我想使用 loader-static-files 将我所有的翻译放在不同的 json 文件中，但这对我不起作用。我不确定我是否在这里做。

在我的 Angular 模块中，我只是用 loader-static 调用替换了工作代码(现已注释):

angular.module('myApp.i18n', ['pascalprecht.translate'])
    .config(['$translateProvider', function ($translateProvider) {
        /*$translateProvider.translations('en', {
            HOME: 'Home',
            COMPANIES: 'Companies',
            WHAT_TO_DO: 'What to do',
            ABOUT: 'About us',
            CONTACT: 'Contact'
        })
        .translations('es', {
            HOME: 'Inicio',
            COMPANIES: 'Empresas',
            WHAT_TO_DO: 'Qué hacer',
            ABOUT: 'Nosotros',
            CONTACT: 'Contacto'
        });*/
        $translateProvider.preferredLanguage('es');

        $translateProvider.useStaticFilesLoader({
          prefix: '/languages/',
          suffix: '.json'
        });
}]);

我已将文件添加到我的应用程序文件夹中:

/app/languages/en_US.json
/app/languages/es.json

当我加载我的主站点时，我在控制台中看到下一个错误:

http://localhost:1234/languages/es.json 404 (Not Found)

如果我删除前缀中的第一个“/”，如下所示:

$translateProvider.useStaticFilesLoader({
              prefix: 'languages/',
              suffix: '.json'
            });

然后，我在控制台中收到下一个错误:

意外的 token H

抱歉，我想我不明白这应该如何工作。

Answer 1

确保您的服务器发送 .json作为 json 而不是纯文本。
此外，请确保 .json 文件的名称取决于相应的语言键。

如您在此处阅读的:http://angular-translate.github.io/docs/#/guide/12_asynchronous-loading (“使用静态文件加载器”)

代码对我来说看起来不错，所以一旦你解决了你的服务器没有将 json 作为 json 发送的问题，事情应该可以工作了。