ng-select 下拉列表在達到限制后不打開

Question

在達到限制時在多個 select 下拉列表中。 它打不開。 並非每個用例都正確。 我想顯示選定的項目。 因此，他可以從下拉列表中手動取消選中它們。 我沒有顯示所有選定的項目，只顯示選定項目的總數。 所以不能輕易刪除所選項目。 這就是為什么我要打開下拉菜單。

如果達到上限。 下拉菜單無法打開，我無法刪除特定選擇。 我想手動從列表中刪除特定項目。

   <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' },
]

Answer 1

將 package 版本從@ng-select/ng-select 2.16.0 更新到 10.0.1。 我使用了 angular 15 並添加了您忘記的行[maxSelectedItems]="3"現在它打開了。