javascript - Angularjs 或 Ionic Framework 中的多语言应用程序

Question

我对 Angularjs 和 Ionic Framework 都很陌生。我来自微软背景。

我正在尝试用 3 种语言(英语、阿拉伯语和法语)制作应用程序。正如我告诉过你的，我来自 Microsoft 背景，我以 .net 的方式思考，对于多语言应用程序翻译，我们根据语言环境使用资源文件和 .net 代码。比如

http://www.codeproject.com/Tips/580043/How-to-make-a-multi-language-application-in-Csharp

有没有办法在 Angularjs 或 Ionic Framework 中做同样的事情

Answer 1

按照这里的步骤:

1. 从 here 下载 Source Code.zip 文件并将 angular-translate 和 angular-translate.min 文件与其他 js 文件一起复制到 www/lib/ionic/js/angular 文件夹。
2. 在 index.html 中，包含“http://lib/ionic/js/angular/angular-translate.js”连同其他脚本标签。
3. 现在您需要在 controllers.js 文件的依赖列表中添加“pascalprecht.translate”，例如，angular.module('starter.controllers', ['pascalprecht.translate'])。您也可以将其添加到主模块的依赖列表中。

4. 在 www 中创建一个子文件夹，例如“lang”，并为您要添加到应用程序的每种语言添加 js 文件。在单个 JavaScript 文件中，创建一个包含所有翻译的键值映射的数组变量。例如，在 english.js 文件中:

   var translations_en = { Title:'我的应用标题', 设置:'设置'}在 bengali.js 文件中:var translations_bng={ 标题:'অ্যাপেরনাম', 设置:'সেটিংস'

请注意，所有文件中的键名都相同，但值不同。在您的 HTML 中，您将通过键访问值。同样，您可以在多个文件中添加多种语言。

1. 现在，在您的 app.js 中，添加以下代码。如果您的 app.js 中已经有一些其他的 .config 函数，不用担心!您可以拥有多个 .config 函数。单独添加，更好。

   .config(函数($translateProvider) { $translateProvider.translations('en', translations_en); $translateProvider.translations('bng', translations_bng); $translateProvider.preferredLanguage('en');

2. 您可以像这样显示值，{{'Title'|translate}}。根据给定的首选语言，此处将显示在“lang”文件夹的 js 文件中声明的适当值，而不是“Title”。

更多详情，请访问this blogpost