科元料 发表于 2025-6-6 16:38:59

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

颐港 发表于 2025-10-17 16:35:23

谢谢分享，辛苦了

靳谷雪 发表于 2025-12-16 04:19:23

这个有用。

丁若云 发表于 2025-12-30 03:00:17

前排留名，哈哈哈

戈森莉 发表于 2025-12-31 20:27:24

收藏一下   不知道什么时候能用到

雨角 发表于 2026-1-5 00:51:06

前排留名，哈哈哈

董绣梓 发表于 2026-1-12 23:11:00

感谢分享，下载保存了，貌似很强大

郏琼芳 发表于 2026-1-19 04:23:13

谢谢分享，辛苦了

轩辕娅童 发表于 2026-1-20 14:58:08

yyds。多谢分享

矛赓宁 发表于 2026-1-21 08:33:59

用心讨论，共获提升！

滑清怡 发表于 2026-1-23 06:38:40

yyds。多谢分享

左丘平莹 发表于 2026-1-24 13:15:50

收藏一下   不知道什么时候能用到

呼延含玉 发表于 2026-1-26 09:39:31

这个好，看起来很实用

梨恐 发表于 2026-1-27 01:49:46

收藏一下   不知道什么时候能用到

褐洌 发表于 2026-1-27 04:55:00

感谢分享

缑娅瑛 发表于 2026-1-27 05:32:43

感谢发布原创作品，程序园因你更精彩

豹筒生 发表于 2026-1-28 04:13:56

用心讨论，共获提升！

育局糊 发表于 2026-1-28 05:09:16

鼓励转贴优秀软件安全工具和文档！

莠畅缕 发表于 2026-1-28 05:25:23

感谢分享，学习下。

撙仿 发表于 2026-1-28 10:05:05

谢谢分享，辛苦了
页: [1] 2
查看完整版本: Angular 18+ 高级教程 – 国际化 Internationalization i18n