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>