概述
angular-intl 是一款基于 Angular 框架的国际化插件，它提供了一系列的国际化工具和组件，可以简化 Angular 应用程序的本地化过程，包括日期格式化、货币格式化、文本翻译和数字格式化等。
安装
在项目根目录下运行以下命令以安装 angular-intl ：
--- ------- ------------
引入
在 angular 中引入 angular-intl 插件：
------ - ------------------ - ---- ------------------
------ - ----------------- ---------- - ---- -----------------------
------ - ---------- -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ------------ - ---- ------------------
------ - ------------ - ---- ------------------
------ - ---------------- --------------- - ---- ----------------------
------ -------- ---- ---------------------------------- -- -----
----------------------------- -- ------
-----------
------------- -
-------------
--
-------- -
--------------
-----------------
-------------------------
-------------------------
------- -
-------- ----------------
----------- ------------------
----- -------------
-
--
--
---------- -- -------- ---------- --------- --------- --- -- ------
---------- ---------------
--
------ ----- --------- - -使用
数字格式化
使用 Angular 通用的数字管道实现数字格式化，详情可以查看官方文档。
----- ----- - -------------- ------
输出为：
---------
货币格式化
使用 Angular 通用的货币管道实现货币格式化，详情可以查看官方文档。
----- ----- - -------------- ------
输出为：
----------
日期格式化
使用 Angular 通用的日期管道实现日期格式化，详情可以查看官方文档。
----- ----- - ----------------- ------
输出为：
----------
文本翻译
使用 ngx-translate 实现文本翻译，详细使用方法可以查看官方文档.
----- ------- - --------- ------
总结
通过使用 angular-intl 我们可以轻松实现 Angular 应用的本地化，提升用户体验，降低本地化成本。同时，我们还可以通过 ngx-translate 实现文本翻译等更加强大的功能。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065f85238a385564ab6c95