Question

我正在设置i18n转换以为我的Web应用程序实现多种语言。在我的Web应用程序中，我使用的是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>

ts

companySelected = false;
onSelect(company: any) {

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

有什么想法如何继续使用带有ngIf指令的i18n转换？

Answer 1

问题出在我的ngx translation版本上，因为我使用的是Angular 5。我使用的版本适用于Angular 6及更高版本。我做了npm我@ ngx-translate / core @ 9.1.1转到正确的版本，它工作了。不知道为什么它除了在ngif之外还在其他地方工作。

如何在页面初始化时翻译用ngif隐藏的文本？

1 个答案: