ngx-translate angular5自定義元素

Question

我正在嘗試翻譯一個應用程序，其中jointjs用於創建元素。 如果自定義元素模板包含ex： {{ 'EXAMPLE' | translate }} {{ 'EXAMPLE' | translate }}然后顯示為{{ 'EXAMPLE' | translate }} {{ 'EXAMPLE' | translate }}且未翻譯。 在ngx-translate完成之前，有什么解決方案可以生成組件嗎？ 謝謝

EDIT具有TS類ElementBuilder與具有與HTML模板TS類elemet的jointjs構建ExampleElement從繼承ElementBuilder用於在ExampleElement的模板{{ 'EXAMPLE' | translate }} {{ 'EXAMPLE' | translate }} ，但未翻譯。

嘗試1：向構造函數添加TranslateService ，並在調用ExampleElement時傳遞translateService。 沒有任何變化，它不會翻譯

Answer 1

例如，您可以在資產中的某個地方創建一個文件夾，並在文件夾中使用所需的語言，然后在ts文件中調用ngx-translate

這是我所做的翻譯的一個示例。 資產中的代碼

英文文件必須是json文件

{
  "button": {
    "#save": "Save",
    "#cancel": "Cancel"
}
}

Deutschland sprache

{
  "button": {
    "#save": "Speichern",
    "#cancel": "Abbrechen"
  }
}

您需要在TS文件的構造函數中定義

constructor(private translate: TranslateService) {}

HTML代碼

<button matTooltip="{{'button.#add' | translate}}" matTooltipPosition="below">&nbsp;
</button>