ngx-translate:如何 'translate' 一个 html 属性?

ngx-translate: how to 'translate' a html attribute?

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

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

但是我该如何着手翻译 HTML 组件的属性呢? 类似于:

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

(以上代码无效)

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

JB

你遇到了什么错误?

代码看起来应该可以工作,但还有另一个选项可以尝试:

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

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

这应该有效

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