用于自定义属性的 Angular 4 i18n

Question

有没有办法使用 Angular i18n AOT 转换子组件中的自定义属性值？

我知道我们可以如下翻译 HTML 元素属性。

 <input i18n-placeholder="search criteria date @@criteriaDate"
        placeholder="Date"
        formControlName="date" required>

但是我想对我的组件属性做同样的事情。在这个例子中，我想传递 title 属性的翻译值。

 <custom-spinner
        formControlName="nights"
        [title]="'Nights'"
        i18n-title="search criteria nights@@criteriaNights">
      </custom-spinner>

当我尝试这样做时，它不会在 messages.xlf 文件中生成条目。 我找不到这方面的任何例子。

Answer 1

在 Angular 7 中测试。它默认工作。不能对 i18n 文本使用 [title] 符号。它应该是纯文本。

      <custom-spinner
        formControlName="nights"
        title="Nights"
        i18n-title="search criteria nights@@criteriaNights">
      </custom-spinner>

请注意，它也适用于任何属性。例如，my-attr 和 i18n-my-attr 将翻译 my-attr 中的文本。