multi-select object not working with arrays of arrays

Question

I am trying to use a multi-select dropdown with an array of arrays but it doesn't seem to work.

The html is:

<ng-multiselect-dropdown [placeholder]="'Schools'" [settings]="transcriptSettings"
  [data]="selectedInstitutions" [(ngModel)]="abbreviation.institutionIds">
</ng-multiselect-dropdown>

The data is selectedInstitutions which has 2 records but doesn't work If I changed it to another array (institutionIds), it displays correctly. The difference seems to be that in the debugger the one that doesn't work says "Array" and the one that does work says "{...}. Not sure why that is an issue.

Why are they different?

Looking at them drilled down is:

In DevTools, institutionList which works is an array of objects and the selectInstitutions is an array of arrays.

Thanks,

Tom

Would be better if you can provide the data as snippet, instead of images. — Yong Shun
– Yong Shun, Commented Feb 1, 2022 at 4:39

Yong Shun · Accepted Answer · 2022-02-01 04:53:19Z

1

According to ng-multiselect-dropdown (Setting section),

Setting	Type	Description
data	Array	Array of items from which to select. Should be an array of objects with id and text properties

Solution

Hence, flatten the array of arrays to an array of objects.

this.selectedInstitutions = [].concat(...this.selectedInstitutions);

Sample Demo on StackBlitz

answered Feb 1, 2022 at 4:53

Yong Shun

54.3k6 gold badges37 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

tshad Over a year ago

Is that why this doesn't work: this.tempArray = this.selectedInstitutions.map(x => { return { id: x.id, displayValue: x.displayValue } });

Yong Shun Over a year ago

Hi, selectedInstitutions is with the value of array of arrays? If yes, then you can't do in the map way, you have to flatten the array first. Would be better if you can provide the value of selectedInstitutions. Thanks.

tshad Over a year ago

That did it.. Was able to map after it was flattened. Thanks.

Collectives™ on Stack Overflow

multi-select object not working with arrays of arrays

1 Answer 1

Solution

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Solution

3 Comments

Related