Я пытаюсь использовать множественный выпадающий список в angular 6 с динамическим извлечением контента из базы данных.Но мне трудно создать массив объектов, которые будут использоваться для заполнения выпадающего списка.Вот мой HTML-файл выглядит так:
<div>
<ng-multiselect-dropdown
[placeholder]="'custom placeholder'"
[data]="dropdownList"
[settings]="dropdownSettings"
(onSelect)="onItemSelect($event)"
(onSelectAll)="onSelectAll($event)"
>
</ng-multiselect-dropdown>
</div>
Проблема заключается в файле .ts.Используя Resultset, я получаю из БД. Я пытаюсь создать массив объектов, но в итоге получаю [объект, объект], поэтому в раскрывающемся списке я получаю «нет данных».Помогите мне создать массив объектов из Resultset, полученный из БД.Вот мой файл .ts:
export class AdComponent implements OnInit
{
constructor(private adservice: AdService) { }
public salesGroupList :any[]=[];
public sqGroupList :any;
dropdownList: any[]=[];
dropdownSettings:{};
ngOnInit()
{
this.getSalesGroup();//service
}
getSqGroup()
{
this.adjustedsqservice.getSqGroup().subscribe(
data =>
{
this.sqGroupList =data;
for(let i = 0 ; i < this.sqGroupList.length; i++)
{
this.testId= this.sqGroupList[i].SQ_grp_cd;
console.log(this.testId+" test name");
this.test = this.sqGroupList[i].SQ_grp_nm;
let newName = {
item_id:this.testId,
item_text:this.test
};
this.dropdownList.push(JSON.stringify(newName));
}
}
);
this.dropdownSettings = {
singleSelection: false,
idField: 'item_id',
textField: 'item_text',
selectAllText: 'Select All',
unSelectAllText: 'UnSelect All',
itemsShowLimit: 3,
allowSearchFilter: false
};
}
Мне нужно отображать эти значения динамически, используя раскрывающийся список с множественным выбором в html, но теперь это происходит из-за отсутствия данных