npm ng-multiselect-下拉列表-类型错误:无法读取未定义的属性“idField”

jvlzgdj9  于 2023-02-04  发布在  其他
关注(0)|答案(4)|浏览(121)

按照Angular 9的https://www.npmjs.com/package/ng-multiselect-dropdown执行步骤
在浏览器控制台中收到以下错误
TypeError:无法读取未定义的属性“idField”

9gm1akwq

9gm1akwq1#

我有同样的问题,我解决了,但移动[settings]参数之前的[data]参数。
示例:

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

jrcvhitl2#

请设置

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

设置你的下拉列表为

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

还应按照Abraham Cm的指示在html中的[data]之前设置[settings

ct2axkht

ct2axkht3#

是的,上面的解决方案([数据]之前绑定[设置])可以工作,因为ng-multiselect-dropdown在数据设置输入中有设置器。数据设置器正在使用设置输入。所以在这种情况下,顺序很重要。它在开始时也让我感到惊讶。请查看源代码:

s2j5cfk0

s2j5cfk04#

我已经解决了上述两个步骤的问题,但我需要重新启动应用程序,然后只有应用程序成功运行。
1.顺序很重要,即**[设置]在[数据]之前**
1.必须在组件中正确初始化设置
1.通过关闭和打开vs代码项目重新启动应用程序。当导入模块出现问题时甚至需要这样做。

相关问题