ember-i18n-inject 是一个 Ember.js 的国际化工具，通过它，我们可以轻松的在 Ember.js 应用中实现多语言的切换。
在本文中，我们将详细介绍如何使用 npm 包 ember-i18n-inject，包括安装、配置和使用方法。此外，我们还会提供一些示例代码和深入解读。
安装
首先，我们需要使用 npm 安装 ember-i18n-inject 包和其依赖：
npm install ember-i18n-inject
配置
打开 app.js 文件，并添加以下代码：
-- -------------------- ---- -------
------ ---- ---- -------
----- ------------ - -
----- -
----------- ------ -------
-
-
-------------------------- --------------
------ ------- ------------------------
----- -----------------------
------ -
--------------------------
------------------------------ ------
--
-------- -
------------------------ -
------------------------------ ----------
-
-
---我们首先引入 i18n 包，然后创建一个名为 “translations” 的对象，该对象存储了所有支持的语言以及对应的翻译。
在上面的代码示例当中，我们使用了英文（en）作为默认语言，并提供了一个简单的翻译： “greeting”: “Hello World!” 。
接下来，我们通过 i18n.addTranslations() 方法，将上述翻译对象传递给 i18n 包。接着，我们创建了一个 i18n 服务，并设置了默认语言为英文。
最后，我们还定义了一个名为 “switchLanguage” 的 action，用于在应用中动态切换语言。
使用
我们已经完成了配置步骤，现在我们可以开始使用 ember-i18n-inject 工具了。
在我们的应用程序中，我们可以通过以下方式获取所有翻译内容：
this.get('i18n').t('greeting');在上述代码示例中，我们使用了 i18n.t() 方法，该方法接受一个字符串参数，该字符串是翻译对象中某个属性的键名。
在我们的示例中，键名为 “greeting”，所以这段代码会返回 “Hello World!” 字符串。
此外，我们还可以通过以下方式动态切换语言：
this.send('switchLanguage', 'zh-CN');在上述代码示例中，我们使用了 this.send() 方法，该方法通过 switchLanguage action 发送了一个带有语言参数的命令。
示例代码
-- -------------------- ---- -------
-- ------
------ ---- ---- -------
----- ------------ - -
----- -
----------- ------ -------
--
-------- -
----------- -------
-
-
-------------------------- --------------------
----------------------------- -----------------------
------ ------- ------------------------
----- -----------------------
------ -
--------------------------
------------------------------ ------
--
-------- -
------------------------ -
------------------------------ ----------
-
-
---
-- ------------
-----
------- -----------------
------- ---------------- ---------------- ---------------- -- ----------------
------- ---------------- ---------------- ------------- -- ----------------
------在上述代码示例中，我们在模版文件中展示了两个按钮，分别对应着中文和英文语言。
当用户点击其中任意一个按钮时，应用程序将自动切换为对应的语言页面，并根据 i18n.addTranslations() 方法中所提供的翻译对象，设定页面的全部文本内容。
总结
在本文中，我们介绍了 npm 包 ember-i18n-inject 的安装、配置和使用方法，同时也提供了示例代码供学习、参考和实践。
通过本文的深入解读，相信您已经掌握了使用 ember-i18n-inject 工具进行多语言切换的基本技能和知识点。祝您学有所获，实践有益！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e17a563576b7b1ecaa3