Question

我有一个Angularjs应用程序，它使用Angularjs Translation提供程序，它具有以下配置 -

app.config(['$translateProvider', function($translateProvider){
    // Register a loader for the static files
    // So, the module will search missing translation tables under the specified urls.
    // Those urls are [prefix][langKey][suffix].
    $translateProvider.useStaticFilesLoader({
      prefix: '/src/l10n/',
      suffix: '.js'
    });
    // Tell the module what language to use by default
    $translateProvider.preferredLanguage('en');
    // Tell the module to store the language in the local storage
    $translateProvider.useLocalStorage();
  }]);

现在我在目录src / l10n中有像en.js这样的文件，其中包含以下示例内容 -

{

"header" : {
  "navbar" : {
    "UPLOAD" : "Upload",
    "new" : {
      "NEW" : "New",
      "PROJECT" : "Projects",
      "TASK" : "Task",
      "USER" : "User",
      "EMAIL" : "Email"
    },
    "NOTIFICATIONS" : "Notifications"
  }
}

我在HTML中使用它作为 -

<div translate="header.navbar.UPLOAD"> </div>

根据所选语言将内容放入div中所以基本上我想了解如何创建像en.js这样的翻译文件，它可以在屏幕上翻译和显示印地语

因为，我只需要创建一个翻译文件，并且不需要实时翻译英语到印度语，我不会想到我在互联网上发现的使用谷歌将英语翻译成印地文的结果/库apis或其他适用于我的用例。

那么，是否可以使用我可以创建的翻译文件在浏览器中显示hindi中的文本。如果是，那我该怎么办？

Answer 1

您可以在src / l10n文件夹中创建一个名为hi.js的文件，其中包含与en.js完全相似的结构，但使用的是印地语翻译。

要在运行时切换语言，请使用

$ translateProvider.use（ '喜'）;

使用Angularjs翻译提供程序将文本翻译成印地语

1 个答案: