无法使用 select2 读取 null 的属性'query'

Question

我有一个 select2 下拉列表，我根据所选内容禁用下拉列表中的某些选择。 因此，在选择和取消选择事件中，我获取填充下拉列表的数据，将禁用属性设置为true，以便需要它的任何选项，然后重新生成下拉列表。 在选择事件上，这工作正常。 在取消选择事件上，它会引发错误：无法读取 null 的属性"查询"。 在 select2 库中，"this.dataAdapter" 在尝试访问 this.dataAdapter.query 时为 null。

select2 下拉列表的初始化代码为：

$(elem).select2({
data: $.map(scope.teacher.classes, function (cls) {
if (!found && cls.selected) {
scope.teacher.isTargeted = true;
scope.teacher.initTargeted = true;
found = true;
}
cls.id = cls.classId; 
cls.text = cls.className; 
if (cls.selected) {
scope.teacher.selectedClassIds.push(cls.classId);
scope.teacher.selectedClasses.push(cls);
}
return cls;
}),
multiple: true,
minimumResultsForSearch: Infinity,
width: 'auto',
})

下拉列表内置于角度指令中。 在 select 事件中工作的代码是

var classes = scope.teacher.classes.map(function(cls) {
cls.id = cls.classId;
cls.text = cls.className;
cls.selected = scope.teacher.selectedClassIds.indexOf(cls.classId) > -1;
cls.disabled = scope.teacher.selectedClassIds.length == 0 ? false : cls.semester == semester ? false : true
return cls;
});
$(elem).select2().empty()
$(elem).select2({data: classes, width: 'auto'}).trigger('change');

在取消选择事件中，使用相同的代码，但除了我在 select2 对象上设置 containerCssClass 属性并且在此处抛出错误。

var classes = scope.teacher.classes.map(function(cls) {
cls.id = cls.classId;
cls.text = cls.className;
cls.selected = scope.teacher.selectedClassIds.indexOf(cls.classId) > -1;
cls.disabled = scope.teacher.selectedClassIds.length == 0 ? false : cls.semester == semester ? false : true
return cls;
});
$(elem).select2().empty()
$(elem).select2({data: classes, width: 'auto', containerCssClass: scope.teacher.selectedClassIds.length > 0 ? '' : 'has-error_within required'}).trigger('change');

更新

在更多地查看问题以确定错误的原因后，我发现该错误仅在单击显示的所选选项上的x时发生。 如果我打开下拉列表并取消选择该选项，则不会收到错误。 我已经尝试过 4.0.3 和 4.0.5 和 4.0.6 版本。

Answer 1

我在 select2 问题列表中发现了同样的问题，但已关闭且未解决。 这似乎是一个错误，但在该线程中找到的解决方法是在更改数据之前调用 open 事件。

$(elem).select2('open');
$(elem).select2({data: classes, width: 'auto', containerCssClass: scope.teacher.selectedClassIds.length > 0 ? '' : 'has-error_within required'}).trigger('change');