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

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

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

Answer 1

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

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

$translateProvider.use('hi');

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

using Angularjs translation provider to translate text to hindi

javascript

angularjs

translation

angular-translate

language-translation