You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

ng-multiselect-dropdown多选下拉框选第二项时自动关闭问题求助

问题原因及解决方案

问题出在itemsShowLimit: 1这个配置上——尽管你已经设置了closeDropDownOnSelection: false,但当选中项数量达到itemsShowLimit的数值时,组件内部会触发下拉框关闭的逻辑,这就导致你选择第二个选项时下拉自动收起。

修复步骤:

  • 调整itemsShowLimit的值,要么设为**-1**(表示不限制选中项的显示数量),要么设为大于你需要选择的最大选项数(比如你最多选3个,就设为3)。
  • 修改后的配置示例:
dropdownSettings = {
      singleSelection: false,
      idField: "ID",
      textField: "text",
      selectAllText: 'Select All',
      enableCheckAll: true,
      unSelectAllText: 'UnSelect All',
      allowSearchFilter: true,
      itemsShowLimit: -1, // 取消显示数量限制
      closeDropDownOnSelection: false
    };

补充说明:

itemsShowLimit原本是用来控制输入框内显示选中项的数量(超过后会显示“N selected”的汇总提示),但部分版本的ng-multiselect-dropdown会把这个参数和“选中后关闭下拉”的逻辑绑定,取消限制或者设足够大的数值就能解决冲突。

内容的提问来源于stack exchange,提问作者Jyothi EK

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.02 19:22:43