javascript - Angularjs 翻译提供者前缀问题

Question

我的 Angular 翻译模块在找到正确的文件夹结构时遇到困难。以下是我的文件夹结构:

public
 -assets
    -js
    -cs
    -il8n
     -en.json
 -controllers
 -directives
 -app.js

我的翻译提供商应用程序配置如下:

myApp.config(['$translateProvider',
function ($translateProvider) {

    // prefix and suffix information  is required to specify a pattern
    // You can simply use the static-files loader with this pattern:
    $translateProvider.useStaticFilesLoader({
        prefix: 'assets/i18n/',
        suffix: '.json'
    });

    // Since you've now registered more then one translation table, angular-translate has to know which one to use.
    // This is where preferredLanguage(langKey) comes in.
    $translateProvider.preferredLanguage('en');

    // Store the language in the local storage
    $translateProvider.useLocalStorage();

}]);

我收到的错误:

GET http://localhost:8080/assets/i18n/en.json 404 (Not Found)

谢谢!

Answer 1

我猜您配置的有关 $translateProvider 的所有内容都是正确的。

通过查看错误可以看出获取 JSON 文件的路径不正确。

我猜您的 JSON 文件位于 il8n 中。这里8之前的字母是l而不是1(one)。

将文件夹从 il8n 重命名为 i18n 即可解决您的问题。