ngx-translate angular5 пользовательские элементы - PullRequest
Новая
       12

ngx-translate angular5 пользовательские элементы

0 голосов
/ 28 сентября 2018

Я пытаюсь перевести приложение, где jointjs используется для создания элементов.Если шаблон пользовательского элемента содержит пример: {{ 'EXAMPLE' | translate }}, то он отображается как {{ 'EXAMPLE' | translate }} и не переводится.Есть ли какое-либо решение для генерации компонента до выполнения ngx-translate?Спасибо

EDIT с классом TS ElementBuilder, который создает с Jointjs элемент, имеющий класс TS с шаблоном HTML ExampleElement, который наследуется от ElementBuilder в шаблоне ExampleElement.the: {{ 'EXAMPLE' | translate }}, который не переводится.

Попытка 1: в конструкторы добавляется TranslateService, и при вызове ExampleElement передается translateService.Ничего не меняется, оно не переведено

1 Ответ

0 голосов
/ 28 сентября 2018

Вы можете, например, где-нибудь в активах создать папку и в папку, на каком языке вам нужно, а затем в файле 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>
...