ng-i18next 是一个基于 AngularJS 的国际化插件，可以方便地将应用程序本地化成不同的语言。本文将为你提供 ng-i18next 的使用教程，让你能够快速地将自己的 AngularJS 应用程序国际化。
安装和配置 ng-i18next
首先需要安装 ng-i18next 包。可以通过以下命令在项目中安装该包：
npm install ng-i18next --save
然后需要在应用程序的模块中引入该模块：
angular.module('myApp', ['ng-i18next']);
接下来，需要配置 ng-i18next。可以在应用程序的 config() 方法中进行配置：
-- -------------------- ---- ------- ----------------------- ---------------------------------- - ------------------------ - - ---- ----- ---------- ------ ---------------- ------ ------------ ------ ----------- ----------------------------- -- ---展开代码
在上面的示例代码中，我们设置了默认的语言为英语 (lng: 'en')，禁用了 cookie 和本地存储 (useCookie: false 和 useLocalStorage: false)，并指定了当找不到当前语言时要使用的语言 (fallbackLng: 'dev')。最后，我们还指定了存放翻译文件的路径 (resGetPath: 'locales/__lng__/__ns__.json')。这里的 __lng__ 和 __ns__ 分别代表当前语言和命名空间。
使用 ng-i18next
一旦已经安装了 ng-i18next 并进行了配置，就可以开始使用它来国际化应用程序。以下是一些在 AngularJS 中使用 ng-i18next 的示例：
翻译文本
要翻译文本，可以使用 i18next 过滤器。例如，在 HTML 模板中使用 {{ 'Hello World!' | i18next }} 将会将 "Hello World!" 字符串翻译成当前语言。
翻译属性
要翻译元素的属性，可以使用 i18next-attr 指令。例如，<input type="button" value="{{ 'Save' | i18next }}" i18next-attr-title="Save"></input> 将会翻译按钮上的值以及按钮的标题属性。
动态加载语言文件
如果需要动态加载语言文件，可以使用 $i18next 服务的 use() 方法。例如，下面的代码将会从服务器上加载名为 en.json 的英语语言文件：
$i18next.use('en', function() { // The language has been loaded, do something here... });
总结
在本文中，我们介绍了如何安装和配置 ng-i18next 包，并提供了一些使用 ng-i18next 的示例。希望这篇文章对你在将 AngularJS 应用程序国际化方面有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/38167
