angular5 - Angular5 - 翻译 TS 文件中的表达式或文本以进行本地化？

Question

在我的 angular5 应用程序中，我试图将所有内容本地化和翻译。我正在遵循此链接中提到的步骤：https ://angular.io/guide/i18n

问题：

• 如何为 TS 文件中的文本标记带有 i18n 标签的文本？

例如：

数组名称字段中的文本需要翻译：

pageList = [
    { id: 1, path: '/dashboard', name: 'Dashboard' },
    { id: 2, path: '/list', name: 'List' }
  ]

该数组在下拉列表中使用：

<button class="dropdown-item" *ngFor="let page of pageList" (click)="changePage(page.path)">{{ page.name }}</button>

如何标记要翻译的表达式中显示的文本？例如：

<h1 lass="page-title">{{ pageTitle }}</h1>

谢谢！