Angular 项目实现国际化的方法

正如angular官网所说，项目国际化是一件具有挑战性，需要多方面的努力、持久的奉献和决心的任务。 本文将介绍angular项目的国际化方案，涉及静态文件(html)和ts文件文案的国际化。

背景

1. Angular: 5.0
2. Angular Cli: 1.6.1(1.5.x也可以)
3. NG-ZORRO: 0.6.8

Angular i18n

i18n模板翻译流程有四个阶段：

1. 在组件模板中标记需要翻译的静态文本信息(即打上i18n标签)。
2. Angular的i18n工具将标记的信息提取到一个行业标准的翻译源文件(如.xlf文件,使用ng xi18n)。
3. 翻译人员编辑该文件，翻译提取出来的文本信息到目标语言，并将该文件还给你(需要翻译人员接入，本文采用将xlf文件转为json格式文件输出，最终将json文件转换回xlf格式文件)。
4. Angular编译器导入完成翻译的文件，使用翻译的文本替换原始信息，并生成新的目标语言版本的应用程序。

你可以为每种支持的语言构建和部署单独的项目版本，仅需替换翻译后的xlf文件即可。

如何在模板文件中使用？

i18n提供了几种使用方式，还专门为单复数提供了翻译方式（个人没有使用，感觉不太方便）。接下来以一个单独的html文件来介绍几种使用方法。