如何用Angular中的I18N翻译@Input？

Question

我有一个具有自定义输入的组件，我称之为：

<app-button [color]="'black'"
            [label]="'Manage'"
></app-button>

我想使用 i18n 来翻译此按钮的标签。我尝试了以下选项，没有任何运气：

<app-button [color]="'black'"
            [label]="'Manage'"
            i18n
></app-button>

<app-button [color]="'black'"
            [label]="'Manage'"
            i18n-label
></app-button>

<app-button [color]="'black'"
            [label]="'Manage'"
            i18n-[label]
></app-button>

有人知道如何实现自己想做的事情，模板侧吗？

Answer 1

我刚找到解决方案。

而不是用以下方式调用我的按钮：

<app-button [color]="'black'"
            [label]="'Manage'"
></app-button>

我打电话给以下方式：

<app-button [color]="'black'"
            label="Manage"
            i18n-label
></app-button>

然后翻译出现在翻译文件中！