如何在 angularjs 中使用 angular-translate-loader-static-files答案

【问题标题】：how to use angular-translate-loader-static-files in angularjs如何在 angularjs 中使用 angular-translate-loader-static-files
【发布时间】：2016-02-23 16:57:15
【问题描述】：

我用这个命令行bower install angular-translate-loader-static-files 安装了angular-translate-loader-static-files

之后，我在文件夹 i18n 中创建一个名为 messages_en.json 的文件 json

我的 angular.module 是这样的：

   angular.module('starter', ['ionic', 'ngStorage', 'ngCordova','starter.services','ionic-datepicker','starter.directives','ion-google-place','ngAutocomplete','colorpicker.module','ui.calendar','ngLoadingSpinner','ionic-ratings','pascalprecht.translate'])

facebookExample.config(function($stateProvider, $urlRouterProvider, $translateProvider) {

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

        $translateProvider.preferredLanguage("en");
        $translateProvider.fallbackLanguage("en");
});

在我的 index.html 中

<script type="text/javascript" src="lib/angular-translate/angular-translate.js"></script>

        <script type="text/javascript" src="lib/angular-translate-loader-static-files/angular-translate-loader-static-files.js"></script>

       <script type="text/javascript" src="lib/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script>

我的messages_en.json：

{
    "Accueil" : "welcome",
    "Livre" : "book",

}

但是当我运行我的应用程序时，“Livre”这个词没有翻译成英文

有什么问题请帮帮我

【问题讨论】：

标签： angularjs json ionic-framework angular-translate

【解决方案1】：

您的问题出在您的 json 文件中。去掉最后一个逗号应该就OK了。

注意：不要添加 angular-translate-loader-static-files.js 和 angular-translate-loader-static-files.min.js。只选择一个来保留。

【讨论】：

【解决方案2】：

如果您的 JSON 文件无效，您可以添加以下代码以获取错误消息

$scope.changeLanguage = function (langKey) {
    $translate.use(langKey).then(function(){}, function(){toastr.error('JSON file is invalid')})
};

【讨论】：