angular - 如何使用 ng-select 在 angualr2 下拉列表中设置默认选定值？

Question

我使用以下代码将 angular2 下拉菜单用于多个值:

 <ng-select [options]="dropDownSKUNumber" #SKUNumberDrp multiple="true" placeholder="Select SKU Number"  [allowClear]="true"></ng-select>

此代码在保存多个值时对我来说工作正常。然后，但在 View 模式下，我希望默认情况下在下拉列表中选择模式下的值，但我无法做到这一点。

如何解决？使用上面的代码。

Answer 1

由于您正在使用选项，因此您必须使用 this ng2-select .在这种情况下，您应该将它绑定(bind)到一个 ngModel，然后在您的脚本初始化时更新该值:

即HTML

<ng-select
    [multiple]="true"
    [options]="myOptions"
    [(ngModel)]="mySelectValue">
</ng-select>

TS

export class App implements OnInit {

    myOptions: Array<any>;
    mySelectValue: Array<string>; // Array of strings for multi select, string for single select.

    ngOnInit() {
        this.myOptions = [
            {value: 'a', label: 'Alpha'},
            {value: 'b', label: 'Beta'},
            {value: 'c', label: 'Gamma'},
        ];
        this.mySelectValue = ['b', 'c'];
    }
}