Как перевести текст, который скрыт с помощью ngif, при инициализации страницы? - PullRequest
Новая
       40

Как перевести текст, который скрыт с помощью ngif, при инициализации страницы?

3 голосов
/ 10 мая 2019

Я настраиваю перевод i18n для реализации нескольких языков для моего веб-приложения. В моем веб-приложении я использую Angular Material Steppers, у которых есть шаги, которые скрыты до тех пор, пока не будут выполнены определенные действия. Шаги скрыты с помощью директивы ngIf. Сначала мой текст был жестко закодирован в файлах HTML, а затем он работал нормально, но теперь текст скрытых шагов не отображается, когда я показываю шаг, установив для ngIf значение true.

Однако текст отображается, когда я не скрываю свой шаг с ngIf при инициализации страницы. Я также пытался использовать [hidden] вместо ngIf, но mat-step не поддерживает [hidden].

html перед реализацией перевода i18n (работает) 

<mat-step [editable]="!done" *ngIf="companySelected" >
    <ng-template matStepLabel>contactinformation</ng-template>
</mat-step>

HTML после внедрения 

<mat-step [editable]="!done" *ngIf="companySelected" >
    <ng-template matStepLabel>{{ 'CONTACTGEGEVENS' | translate }}</ng-template>
</mat-step>

ц 

companySelected = false;
onSelect(company: any) {

    this.company = company;
    this.newCompany = false;
    this.companySelected = true;
   this.nextTab();
  }

Есть идеи, как продолжать использовать перевод i18n с директивой ngIf?

1 Ответ

0 голосов
/ 13 мая 2019

Проблема была в моей версии ngx translate, так как я использую Angular 5. Версия, которую я использовал, была для Angular 6 и выше. Я сделал npm i @ ngx-translate / core @ 9.1.1, чтобы перейти к правильной версии, и это сработало. Не уверен, почему он работал везде, кроме как в ngif.

...