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>
我已经在我的 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>