ngx-translate：如何“翻译”一个 html 属性？

Question

我已经在我的 Angular-Cli 应用程序中实现了 ngx-translate 并且在我执行以下操作时工作正常：

<div>{{ 'some.value' | translate }}</div>

但是我该如何翻译 HTML 组件的属性呢？就像是：

<div data-text="{{ 'some.value' | translate }}"></div>

（上面这段代码不起作用）

在此先感谢您提供的任何帮助...

JB

Answer 1

你遇到了什么错误？

看起来，代码应该可以工作，但还有另一种选择可以尝试：

<div [data-text]="'some.value' | translate"></div>

在我的脑海里，我猜你会收到一个类似的错误'data-text' is not a property of <div>，在这种情况下，这不是 ngx-translate 问题，而是imports你的.component.ts文件中可能添加缺失属性的缺失。

Answer 2

This should work

<div [attr.my-attribute]="'value.to.translate' | translate"></div>