html ng-select下拉菜单在达到限制后未打开

d5vmydt9  于 2022-12-09  发布在  其他
关注(0)|答案(1)|浏览(153)

在多选下拉列表中,当达到限制时,它不会打开。它并不适用于每个用例。我想显示选定的项目。因此,他可以从下拉列表中手动取消签入这些项目。我没有显示所有选定的项目,只是显示选定项目的总数。所以不能轻易删除选定的项目。这就是我想打开下拉列表的原因。
如果达到限制。下拉列表无法打开,无法删除特定选择。我希望手动从列表中删除特定项目。

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

hgncfbus1#

将软件包版本从@ng-select/ng-select 2.16.0更新为10.0.1。我使用了angular 15并添加了您忘记的行[maxSelectedItems]="3",现在它打开了。

相关问题