概述
angular-intl 是一款基于 Angular 框架的国际化插件，它提供了一系列的国际化工具和组件，可以简化 Angular 应用程序的本地化过程，包括日期格式化、货币格式化、文本翻译和数字格式化等。
安装
在项目根目录下运行以下命令以安装 angular-intl ：
npm install angular-intl
引入
在 angular 中引入 angular-intl 插件：
-- -------------------- ---- -------
------ - ------------------ - ---- ------------------
------ - ----------------- ---------- - ---- -----------------------
------ - ---------- -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ------------ - ---- ------------------
------ - ------------ - ---- ------------------
------ - ---------------- --------------- - ---- ----------------------
------ -------- ---- ---------------------------------- -- -----
----------------------------- -- ------
-----------
------------- -
-------------
--
-------- -
--------------
-----------------
-------------------------
-------------------------
------- -
-------- ----------------
----------- ------------------
----- -------------
-
--
--
---------- -- -------- ---------- --------- --------- --- -- ------
---------- ---------------
--
------ ----- --------- - -使用
数字格式化
使用 Angular 通用的数字管道实现数字格式化，详情可以查看官方文档。
<p>{{ 10000 | number:'1.2-2' }}</p>输出为：
10,000.00
货币格式化
使用 Angular 通用的货币管道实现货币格式化，详情可以查看官方文档。
<p>{{ 10000 | currency:'USD' }}</p>输出为：
$10,000.00
日期格式化
使用 Angular 通用的日期管道实现日期格式化，详情可以查看官方文档。
<p>{{ today | date:'yyyy-MM-dd' }}</p>输出为：
2021-09-22
文本翻译
使用 ngx-translate 实现文本翻译，详细使用方法可以查看官方文档.
<p>{{ 'hello' | translate }}</p>总结
通过使用 angular-intl 我们可以轻松实现 Angular 应用的本地化，提升用户体验，降低本地化成本。同时，我们还可以通过 ngx-translate 实现文本翻译等更加强大的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f85238a385564ab6c95