Question

我正在尝试使用angular-translate.js和angular-translate-loader-static-files.js为我当前的项目进行国际化，但现在我遇到了一个问题，即翻译不起作用，所以价值{{'HOME_LINK' | translate}}始终为HOME_LINK。以下是相关文件：

app.config.js

(function () {
    'use strict';

    angular.module('app')
        .constant("idleConfigParams", {"idle": 780, "timeout": 120, "keepalive": 240})
        .config(appConfig);

    /* @ngInject */
    function appConfig($urlRouterProvider, $locationProvider, $httpProvider, KeepaliveProvider, IdleProvider, idleConfigParams, brandProvider, $translateProvider) {

        //Set Brand Name
        brandProvider.setBrandName("ABC");
        brandProvider.setBrandInitial("ABC");

        // enable html5 mode
        $locationProvider.html5Mode(true).hashPrefix('!');

        $urlRouterProvider.otherwise("/fe/login");

        $httpProvider.interceptors.push('authInterceptorService');

        // Configure Idle settings
        IdleProvider.idle(idleConfigParams.idle);
        IdleProvider.timeout(idleConfigParams.timeout);
        KeepaliveProvider.interval(idleConfigParams.keepalive);

        $translateProvider.preferredLanguage("cn");
        $translateProvider.registerAvailableLanguageKeys(['en', 'cn'], {
            'en-*': 'en',
            'cn-*': 'cn'
        });

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

    }
})();

我很确定是由于翻译文件未加载，我不确定前缀的值是否正确，给出了以下文件结构，任何可以帮助我的人。

文件结构：

app
--account
--activity
--......
--languagesLib
  --cn.json
  --en.json
--layout
  --directives
  --navigation.html
  --footer.html
--app.config.js
--app.controller.js
--app.module.js
--app.run.js
--app.spec.js

Angular-translate：{{'HOME_LINK'|的值翻译}}是HOME_LINK

0 个答案: