来自 API 的值显示在输入框中，但未使用 ng-multipleselect-dropdown 选择该值的复选框

Question

HTML 文件 ->

<ng-multiselect-dropdown
     [placeholder]="'Select section'"
     [settings]="dropdownSettings"
     [data]="dropdownList"
     [(ngModel)]="getDropdownValues"
     formControlName="sections"
>
</ng-multiselect-dropdown>

.ts 文件 ->

    this.clientMasterForm = this.formBuilder.group({
            sections: [this.getDropdownValues],
    });
    this.dropdownSettings = {
     singleSelection: false,
     idField: 'id',
     textField: 'sectionName',
     selectAllText: 'Select All',
     unSelectAllText: 'UnSelect All',
     allowSearchFilter: true,
    };
   onItemSelect(item: any) {
    let data = [];
    data.push(item);
    this.selectedDropDownData = data[0];
   }
  onSelectAll(items: any) {
   let data = [];
   data.push(items);
   this.selectedDropDownData = data[0];
  }

   this.getDropdownValues.push(JSON.parse(list).sectionName);

  this.clientMasterForm.get('sections').patchValue(this.getDropdownValues);

在这里，我得到了已经添加到下拉列表中的值，也修补了该值，但复选框中未选中输入框中显示的值

这是我的输出 ->

在这里，我得到如上图所述的输出，其中我获取数据但未在复选框中选中

Answer 1

ng-multiselect-dropdown 正在寻找 getDropdownValues 来预填充这些值。所以它应该具有{id: , sectionName: } 中提到的属性dropdownSettings

而不是

this.getDropdownValues.push(JSON.parse(list).sectionName);

试试

this.getDropdownValues.push({
  id: JSON.parse(list).id,
  sectionName: JSON.parse(list).sectionName
});