我在我的ANGLING项目中使用了ng-Multiselect-Dropdown包(https://www.npmjs.com/package/ng-multiselect-dropdown).一切正常,但我想在打开多选下拉菜单时自动聚焦筛选器输入字段.
以下是我的html代码:
<div class="input-group" style="display: flex">
<span class="input-group-text"><i class="fas fa-building"></i></span>
<ng-multiselect-dropdown style="flex: 1"
[placeholder]="'Unternehmen'"
[data]="this.companies"
[formControl]="filterCompany"
[settings]="dropdownSettingsCompanies"
(onFilterChange)="updateCompanyList($event)"
(onSelect)="onItemSelect($event)">
</ng-multiselect-dropdown>
</div>
以下是我对多选的设置:
dropdownSettingsCompanies: any = {
singleSelection: false,
idField: 'id',
textField: 'name',
showSelectedItemsAtTop: true,
clearSearchFilter: true,
allowSearchFilter: this.ShowFilter,
enableCheckAll: false,
allowRemoteDataSearch: true,
searchPlaceholderText: 'Bitte geben Sie einen Suchbegriff ein',
};