Question

我正在尝试翻译使用 jointjs 创建元素的应用程序。如果自定义元素模板包含ex：{{ 'EXAMPLE' | translate }}，那么它将显示为{{ 'EXAMPLE' | translate }}，并且不会翻译。在ngx-translate完成之前，有什么解决方案可以生成组件吗？谢谢

编辑具有TS类ElementBuilder的TS类，该类使用联合元素构建具有从ExampleElement继承的HTML模板ElementBuilder的TS类在ExampleElement模板中使用的是：{{ 'EXAMPLE' | translate }}，它没有翻译。

尝试1：已将TranslateService添加到构造函数中，并在调用ExampleElement时传递了translateService。什么都没有改变，它没有翻译

Answer 1

例如，您可以在资产中的某个地方创建一个文件夹，并在文件夹中使用所需的语言，然后在ts文件中调用ngx-translate

这是我所做翻译的一个例子。资产中的代码

英语文件必须为json文件

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

德国突袭

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

您需要在TS文件的构造函数中定义

constructor(private translate: TranslateService) {}

HTML代码

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

ngx-translate angular5自定义元素

1 个答案: