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

Question

I've implemented ngx-translate in my Angular-Cli app and works fine when I do something like:

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

But how can I go about translating an attribute of an HTML component? Something like:

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

(this code above doesn't work)

Thanks in advance for any help provided...

JB

Answer 1

What error are you getting?

The code, as it appears, should work, but there's also another option to try:

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

Off the top of my head, I'd guess you're getting an error like 'data-text' is not a property of <div> , in which case it's not an ngx-translate issue but a missing imports in your .component.ts file that could add the missing attribute.

Answer 2

这应该工作

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