Angular CLI ng xi18n 命令
本章通过示例解释 ng xi18n 命令的语法、参数和选项。
语法
ng xi18n 命令的语法如下：
ng xi18n <project> [options] ng i18n-extract <project> [options]
ng xi18n 命令从源代码中提取 i18n 消息。
论据
ng xi18n 命令的参数如下：
| 序号. | 参数和语法 | 描述 |
|---|---|---|
| 1 | <项目> | 项目的名称。它可以是应用程序或库。 |
Options
选项是可选参数。
| 序号. | 选项和语法 | 描述 |
|---|---|---|
| 1 | --browserTarget=浏览器目标 | 要从中提取的目标。 |
| 2 | --配置=配置 |
命名的构建目标，在 angular.json 的“配置”部分中指定。每个命名的目标都伴随着该目标的选项默认配置。显式设置它会覆盖“--prod”标志。 别名：-c |
| 3 | --createCommits=true|false |
为更新和迁移创建源代码控制提交。 默认值：假 别名：-C |
| 4 | --格式=xmb|xlf|xlif|xliff|xlf2|xliff2 |
生成文件的输出格式。 默认值：xlf |
| 5 | --help=true|false|json|JSON |
在控制台中显示此命令的帮助消息。 默认值：假 |
| 6 | --outFile=outFile | 要输出的文件的名称。 |
| 7 | --outputPath=输出路径 | 将放置输出的路径。 |
| 8 | --prod=真|假 | “--configuration=production”的简写。如果为 true，则将构建配置设置为生产目标。默认情况下，生产目标是在工作空间配置中设置的，因此所有构建都使用捆绑、有限的 tree-shaking 以及有限的死代码消除。 |
| 9 | --进度=真|假 |
将进度记录到控制台。 默认值：真 |
首先移动到使用更新的角度项目 ng build 命令。该章节可在 https://www.newbiego.com/angular_cli/angular_cli_ng_build.htm。
更新app.component.html如下：
app.component.spec.ts
<div class="content" role="main"> <span i18n>app is running!</span> </div> <app-goals></app-goals> <router-outlet></router-outlet>
现在运行 xi18n 命令。
例子
下面给出一个 ng xi18n 命令的例子：
\>Node\>NewbieGo> ng xi18n
添加本地化支持。
\>Node\>NewbieGo> ng add @angular/localize Installing packages for tooling via npm. Installed packages for tooling via npm. UPDATE src/polyfills.ts (3064 bytes)
现在 ng 将在根文件夹中创建一个 messages.xlf 文件，这是一个行业标准的翻译文件。
消息.xlf
<?xml version="1.0" encoding="UTF-8" ?> <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2"> <file source-language="en-US" datatype="plaintext" original="ng2.template"> <body> <trans-unit id="6226cbeebaffaec0342459915ef7d9b0e9e92977" datatype="html"> <source>app is running!</source> <context-group purpose="location"> <context context-type="sourcefile">src/app/app.component.html</context> <context context-type="linenumber">2</context> </context-group> </trans-unit> </body> </file> </xliff>