如何显示SearchFilter文本框,即使在Angular Multiselect下拉列表中没有加载数据
角度版本:8 ng多选下拉列表版本:^0.2.10 在我的例子中,用户必须能够开始在搜索字段中键入内容,以便将结果动态加载到下拉列表中。但在ng multiselect下拉式搜索框中,至少需要一行数据才能显示。无论数据是否可用,是否有任何方法始终显示搜索筛选器如何显示SearchFilter文本框,即使在Angular Multiselect下拉列表中没有加载数据,angular,angular8,ng-dropdown-multiselect,Angular,Angular8,Ng Dropdown Multiselect,角度版本:8 ng多选下拉列表版本:^0.2.10 在我的例子中,用户必须能够开始在搜索字段中键入内容,以便将结果动态加载到下拉列表中。但在ng multiselect下拉式搜索框中,至少需要一行数据才能显示。无论数据是否可用,是否有任何方法始终显示搜索筛选器 this.dropdownList = []; this.dropdownSettings= { singleSelection: false, idField: 'item_id', textField: 'item_
this.dropdownList = [];
this.dropdownSettings= {
singleSelection: false,
idField: 'item_id',
textField: 'item_text',
selectAllText: 'Select All',
unSelectAllText: 'UnSelect All',
itemsShowLimit: 3,
allowSearchFilter: true
};
如果没有结果,我会放置一个条目“无可用数据”,如果没有必要,则删除该条目。 你认为你已经在使用这个:onFilterChange了吗
dropdownList = [];
onFilterChange(data) => { // basic
const defaultOption = {item_id: -1, item_text: ‘no data available’}
if(this.dropdownList.length > 1) {
this.dropdownList.shift();
this.dropdownSetting.defaultOpen = false;
} else {
this.dropdownList.push(defaultOption);
// leaving the drop down open
this.dropdownSetting.defaultOpen = true;
}
}
就我而言,我会像文件中提到的那样,使用noDataAvailablePlaceholderText完成美国。它可能不起作用:)
希望它适用于您的版本我回答晚了,但如果有人再次遇到同样的问题,这可能会很有用。 将
allowRemoteDataSearch:true
添加到下拉选项中
你可以参考这个帖子