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