如何显示SearchFilter文本框,即使在Angular 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_

角度版本:8

ng多选下拉列表版本:^0.2.10

在我的例子中,用户必须能够开始在搜索字段中键入内容,以便将结果动态加载到下拉列表中。但在ng multiselect下拉式搜索框中,至少需要一行数据才能显示。无论数据是否可用,是否有任何方法始终显示搜索筛选器

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
添加到下拉选项中

你可以参考这个帖子