javascript - 如何在 Angular 中预填充 ngselect？

Question

我正在通过 http 调用获取一些项目，然后想预填充 ngselect，但使用 abstractcontrol.setvalue() 方法似乎不起作用。

模板代码

<ng-select [items]="cars"
         bindValue="code"
         bindLabel="displayName"
         formControlName="car"
         [clearable]="false"
         [searchable]="false"
         id="car"
         placeholder="Select a car">

组件代码

this.setValueForPrePopulatedPlanningDetail('car', car);

private setDefaultValue(fieldName: string, value: any) {
    if (value && value.length > 0) {
    const field = this.myFormGroup.get(fieldName);
    field.markAsDirty();
    field.setValue(value);
    }
}

Answer 1

您需要将结果设置为列表(国家/地区)，然后使用 setvalue 来选择选项

将结果设置为组件中的列表:

this.countries = ['XPTO','XPTO2','XPTO3']

在您的 html 中定义以下内容:

<select>
   <option [value]="country" *ngFor="let country of countries">             {{country}}</option>
</select>