简介
angular-i18n是一个npm包，用于将Angular应用程序国际化为多种语言。它提供了一些指令和服务，使得在应用程序中支持多语言变得更加容易。
安装
要安装angular-i18n，可以使用npm命令：
npm install @angular/localize @angular/common @angular/forms --save
配置
在app.module.ts文件中，需要导入LocalizeRouterModule并添加LocalizeRouterModule.forRoot()函数调用。这会初始化国际化模块并启用本地化路由功能。
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - -------------------- - ---- --------------------------------
-----------
-------- -
------------------------------------ -
------- -
-------- ----------------
--------- ---------------------
-
--
-
--
------ ----- --------- - -使用
标记文本
在应用程序中标记需要翻译的文本，可以使用Angular的内置i18n指令。以下示例将“Hello World”翻译成法语。
<p i18n="@@helloWorld">Hello World</p>
提取和生成翻译文件
运行以下命令提取所有需要翻译的文本到messages.xlf文件中：
ng xi18n --output-path locale
然后你可以通过翻译工具（如Poedit）来翻译这些文本，并将翻译后的文件保存为messages.fr.xlf。
要生成带有所有语言的翻译文件，可以运行以下命令：
ng xi18n --output-path locale --i18n-locale en fr es de
加载和使用翻译文件
要加载并使用翻译文件，需要使用Angular的TranslateService服务。在应用程序中提供一种方法来动态加载所需的语言，如下所示：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ---------------- - ---- ----------------------
------------
--------- -----------
--------- -
------ ------- - --------- -------
--
--
------ ----- ------------ -
------------------- ---------- ----------------- -
-------------------------------
--------------------
-
-总结
angular-i18n使得在Angular应用程序中支持多语言变得更加容易。它提供了一些指令和服务，帮助我们标记需要翻译的文本、提取和生成翻译文件以及加载和使用翻译文件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/32191