在 Angular ng-multiselect-dropdown 中预选选项

Mik*_*ike 1 npm angular

我使用 Angular 中的 ng-multiselect-dropdown 创建一个多选下拉列表作为自定义标题。我似乎无法弄清楚是否有一种方法可以设置我将在列表中预先选择的值。现在我的下拉菜单已编码:

<ng-template *ngIf="column.dropdown" let-column="column" let-sort="sortFn" 
             ngx-datatable-header-template>
  <ng-multiselect-dropdown [placeholder]="column.name"
             class="d-inline-block" [data]="this[column.prop]"
             [settings]="dropdownSettings">
  </ng-multiselect-dropdown>
</ng-template>
Run Code Online (Sandbox Code Playgroud)

我可以设置一个属性来预先选择列表中的某些值吗?我无法找到任何有关如何执行此操作的文档。提前致谢。

Dha*_*sar 6

在这里,ng-multiselect-dropdown 预选选项值与 ngModel 绑定,并且我还显示了 ng-multiselect-dropdown 的验证:

<ng-multiselect-dropdown
    formControlName="location"
    id="location"
    [data]="supplierList"
    [(ngModel)]="selectedSupplier"
    [settings]="supplierDropDownSettings"
    (onSelect)="onLocationSelect($event)">
</ng-multiselect-dropdown>
<div *ngIf="submitted && formGroup.controls['location'].invalid"
    class="text-danger mt-1">
    <div *ngIf="formGroup.controls['location'].errors.required">
                            This filed is required
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)
public selectedSupplier: Array<SupplierModal> = [];
public warehouse: SupplierModal = { "id": 1, "name" : Company }
this.selectedSupplier = new Array<SupplierModal>();
this.selectedSupplier.push(this.warehouse);
Run Code Online (Sandbox Code Playgroud)