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

Question

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

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 这样可以在屏幕上翻译和显示印地语的翻译文件

因为，我只需要创建一个翻译文件，不需要实时将英语翻译成印地语，我不认为我在互联网上找到的使用 google api 或其他将英语转换为印地语的结果/库是适合我的用例。

那么，是否可以使用我可以创建的翻译文件在我的浏览器上显示印地语文本。如果是，那我该怎么做？

Answer 1

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

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

$translateProvider.use('hi');