在多选下拉列表中,当达到限制时,它不会打开。它并不适用于每个用例。我想显示选定的项目。因此,他可以从下拉列表中手动取消签入这些项目。我没有显示所有选定的项目,只是显示选定项目的总数。所以不能轻易删除选定的项目。这就是我想打开下拉列表的原因。
如果达到限制。下拉列表无法打开,无法删除特定选择。我希望手动从列表中删除特定项目。
<label>Multiselect with custom bindings</label>
<ng-select [items]="cities"
bindLabel="name"
bindValue="id"
[multiple]="true"
[maxSelectedItems]="3"
[closeOnSelect]="false"
groupBy="selectedAllGroup"
[selectableGroup]="true"
placeholder="Select cities"
(change)="onMaterialGroupChange($event)">
<ng-template
ng-optgroup-tmp let-item="item"
let-item$="item$" let-index="index">
<input id="item-{{index}}" type="checkbox"
[ngModel] ="item$.selected"/> Select All
</ng-template>
</ng-select>
<p>
Selected cities: {{selectedCityIds}}
</p>
<div style="margin-top:300px"></div>
this.cities = [
{ id: 1, name: 'Amar' },
{ id: 2, name: 'Akbhar' },
{ id: 3, name: 'Anthony' },
{ id: 4, name: 'BadkaG' },
{ id: 5, name: 'Baave' },
]
1条答案
按热度按时间hgncfbus1#
将软件包版本从
@ng-select/ng-select
2.16.0更新为10.0.1。我使用了angular 15并添加了您忘记的行[maxSelectedItems]="3"
,现在它打开了。