如何将接口的数据绑定到ng-multiselect-dropdown中？

import { Component, OnInit } from '@angular/core';
import { YourDataService } from 'your-data-service'; // 替换为你的数据服务

data: any[]; // 替换为你的数据类型

constructor(private dataService: YourDataService) { } // 替换为你的数据服务

ngOnInit() {
  this.dataService.getData().subscribe((response: any) => {
    this.data = response; // 替换为你的数据获取逻辑
  });
}

<ng-multiselect-dropdown
  [data]="data"
  [settings]="dropdownSettings"
  [(ngModel)]="selectedItems"
  (onSelect)="onItemSelect($event)"
  (onSelectAll)="onSelectAll($event)"
></ng-multiselect-dropdown>

dropdownSettings = {
  singleSelection: false,
  idField: 'id',
  textField: 'name',
  selectAllText: 'Select All',
  unSelectAllText: 'Unselect All',
  itemsShowLimit: 3,
  allowSearchFilter: true
};

selectedItems: any[] = [];

onItemSelect(item: any) {
  console.log(item);
}

onSelectAll(items: any) {
  console.log(items);
}