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-翻譯的問題，而是缺少imports在.component.ts文件可能會添加缺少的屬性。

Answer 2

這應該工作

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