html - 单击组合后会反映翻译，其中组合选项在 Angular 6 的 ngOnInit 中动态填充

Question

我有一个自动完成下拉列表，我绑定了 ViewOption 列表（我的班级）

class ViewOption {
name: string;
ordinal: number;
label: string
}

我通过调用 getViewOptionList 在 ngOnInit 创建 viewoption 列表，

getViewOptionList(): ViewOptions {
    const viewoptions = new ViewOptions();

    for (const enumMember in ViewOptionEnum) {
      if (ViewOptionEnum.hasOwnProperty(enumMember)) {

        const viewoption = new ViewOption();
        const ordinalValue = parseInt(enumMember, 10);

        if (ordinalValue >= 0) {
          viewoption.oridinal = ordinalValue;
          viewoption.label = ViewOptionEnum[enumMember].toLowerCase();
          this.translate.get(viewoption.label).subscribe(msg => viewoption.name = msg);
          viewoptions.push(viewoption);
        }
      }
    }

    return viewoptions;
  }

<lis-auto-complete-dropdown placeholder="select view" automationid="worklistMaster_ddl_selectView"
                    [options]="ViewOptions" [(selectedItem)]="selectedViewOption"
                    (itemSelected)="selectViewOption($event)">
    <ng-template let-item="item">
       <span title="{{ item }}">
            <span>{{ item.name }}</span>
       </span>
    </ng-template>
</lis-auto-complete-dropdown>

翻译仅在用户单击 UI 上的自动完成下拉菜单时反映。如何在用户采取任何行动之前使其填充？

标签： htmlangulartypescriptangular6