Angular i18n - 翻译HTML属性显示中的Typescript值

时间:2018-05-24 06:25:50

标签: angular angular-i18n

是否有可能对要从typescript函数检索的HTML属性进行翻译?例如,请参阅下文。

<myCustomElement buttonId="personDetails" [title]="CustomSectionDisplayName('PersonDetails')" link="Person details"  linkText="Name, age and gender"></myCustomElement>

对于上面的代码,我想翻译到[title]属性中的值。对于静态值,我们可以实现这一点。但在这里,它是动态的。那么,有人可以建议我在i18n中有任何选择吗?

[注意:我不期待答案,因为我们可以实现像ngx-translate等其他库。]

我想知道这件事。请告诉我。

2 个答案:

答案 0 :(得分:0)

我认为您可以尝试使用规范形式进行绑定, 例如使用bind-title代替[title] 然后添加i18n属性,如下所示:i18n-bind-title =“ test @@ title” 它对我有用!

答案 1 :(得分:0)

要标记要翻译的属性,请以i18n-x的形式添加属性,其中x是要翻译的属性的名称。下面的示例演示如何通过在img标签上添加i18n-title属性来标记title属性以进行翻译:

该技术适用于任何元素的任何属性。

您还可以使用i18n-x =“ | @@”语法分配含义,描述和ID。