如何将 i18n 翻译转换为 Angular CLI 附带的 index.html 文件？答案

【问题标题】：How do you get i18n translations into index.html file that comes with Angular CLI?如何将 i18n 翻译转换为 Angular CLI 附带的 index.html 文件？
【发布时间】：2017-09-22 20:21:03
【问题描述】：

例如：

<title i18n="Title|Website Title@@websiteTitle">My super duper website</title>

这适用于所有模板，但不是基于 index.html 文件。

【问题讨论】：

标签： angular internationalization angular-cli

【解决方案1】：

index.html只是一个静态文件，与任何组件无关，所以不能绑定属性。

查看https://angular.io/api/platform-browser/Title

由于无法在整个 HTML 上引导 Angular 应用程序文档（标签）无法绑定到文本属性 HTMLTitleElement 元素（代表标签）。相反，此服务可用于设置和获取当前标题价值。

更新：https://angular.io/guide/set-document-title

【讨论】：

.ts 中的内容不能通过角度 i18n 结构进行翻译。在我的情况下，我有一个“加载”内容，在 angular 引导和加载初始数据时显示。仍然找不到好的解决方案:(
@Filipiz 如果您使用（未记录的）$localize 函数：titleService.setTitle($localize`My great website`);