ng-multiselect-dropdown - TypeError: Cannot read property 'idField' of undefined

16
votes

Followed steps as per https://www.npmjs.com/package/ng-multiselect-dropdown for angular 9

received below error in browser console

TypeError: Cannot read property 'idField' of undefined

2
angularnpmangular9

2 Answers

83
votes

I had the same issue and I solved but moving [settings] param prior to [data] para.

Example:

    <ng-multiselect-dropdown
        [settings]="dropdownSettings"
        [data]="dropdownList"
        [(ngModel)]="selectedItems"
    >
    </ng-multiselect-dropdown>
3
votes

Please set 

dropdownSettings:IDropdownSettings = {
..Other settings,
idField: 'id',
textField: 'text'};

set your dropdown list as

dropdownList= [{id: '1', text: 'Sample Text'}, ..]

Also set [settings] before [data] in html as indicated by Abraham Cm