angular - 如何动态翻译资源 ngx-translate

Question

我对 ngx-translate 有疑问。我不知道如何在 html 中进行动态资源翻译。例如：

i18n

    "agreement.status.0": "New",
    "agreement.status.1": "Rejected",

html

   <span>
        <mat-form-field appearance="outline">
            <mat-label>{{'choiceType' | translate}}</mat-label>
            <mat-select [(ngModel)]="selectedAgreementType">
                <mat-option *ngFor="let state of agreementStates" [value]="state.id">
                    {{ 'agreement.status.' + state.id | translate}}
                </mat-option>
            </mat-select>
        </mat-form-field>
    </span>

我不知道如何将这个常量字符串与变量连接起来

标签： angulartypescript

Answer 1

您可以从后端获得帮助；

translate(id){
return this.translate.instant('agreement.status.' + id);
}

并像使用它一样

<mat-option *ngFor="let state of agreementStates" [value]="state.id">
{{translate(state.id) }}
<mat-option>