javascript - 使用 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 这样的翻译文件，它可以翻译并在屏幕上显示印地语

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

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

Answer 1

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

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

$translateProvider.use('hi');