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

Question

按照以下步骤操作 https://www.npmjs.com/package/ng-multiselect-dropdown 对于 angular 9

在浏览器控制台中收到以下错误

TypeError: 无法读取未定义的属性 'idField'

Answer 1

我遇到了同样的问题并且我解决了但是在 [data] 段之前移动了 [settings] 参数。

示例：

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

Answer 2

请设置

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

将下拉列表设置为

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

还按照 Abraham Cm

的指示在 html 中的 [data] 之前设置 [settings]

Answer 3

是的，上面的解决方案（在 [data] 之前使用 [settings] 绑定）有效，因为 ng-multiselect-dropdown 在 data 和 [=13] 中有 setters =]设置输入。 data setter 正在使用 settings 输入。所以在这种情况下顺序很重要。一开始也让我很吃惊。查看源代码：

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

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

npm

angular

angular9