Angular 18+ 高级教程 – 国际化 Internationalization i18n

介绍

先讲讲名词。
Internationalization 的缩写是 i18n，中文叫国际化。
Globalization 是 Internationalization 的同义词，都是指国际化。
Localization 的缩写是 l10n，中文叫本地化。
i18n vs l10n

一个国际化，一个本地化，它俩有什么区别，又有什么关系呢？
我们来看一个具体的例子

上图是苹果公司给美国人访问的官网，内容是 iPhone 16 Pro 的售价。
文字使用的是美式英文 (en-US)，价格使用的是美金 (USD)。
好，我们再看另外两张图

图一是苹果公司给中国人看的官网，图二则是给日本人看的官网。
中国人看的是简体中文 (zh-Hans-CN) 和人民币 (CNY)。
日本人看的是日文 (ja-JP) 和日元 (JPY)。
三个网站销售的都是 iPhone 16 Pro。网站设计、排版都一模一样。
唯一的区别就是，网站会依据不同的国家，显示对应的语言和货币。
像这样一个网站，我们就可以说：苹果公司的官网支持国际化，同时也落实了本地化。
所谓支持国际化，意思是，网站架构有能力 handle 不同的语言，货币，时区。(设计，功能全都一样，就语言，货币，时区不同)
所谓落实本地化，意思是，网站不仅有能力 handle 不同的语言，货币，时区，而且它确实做出来了。
国际化指的是一个方案 / preparation，本地化则是具体的实现。
Angular i18n

Angular 有 built-in 的 i18n 方案。我们使用 Angular 就能做出像苹果公司那样支持国际化的网站。

本篇会 step by step 教 i18n，但不会讲解原理，也不会逛源码，开始吧
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！