选择后如何禁用，隐藏下拉菜单中的选项

Question

正在使用 primeng 开发 angular 应用程序。选择一个选项后，我需要停止隐藏菜单下拉选项！

<p-menu onchange="onSelected" [showTransitionOptions]="'0ms'" [hideTransitionOptions]="" #menu [popup]="true" 
[model]="items"></p-menu>
        <button type="button" pButton icon="fa fa-fw fa-list" label="Sort" 
(click)="menu.toggle($event)"></button>


  onSortingSelected() {
  event.stopPropagation();
}

如何解决这个问题？我需要在不隐藏选项列表的情况下一次单击多个选择选项！

Answer 1

这是 PrimaNG 代码

    itemClick(event, item: MenuItem) {
        if (item.disabled) {
            event.preventDefault();
            return;
        }

        if (!item.url) {
            event.preventDefault();
        }

        if (item.command) {
            item.command({
                originalEvent: event,
                item: item
            });
        }

        if (this.popup) {
            this.hide();
        }
    }

看起来没有办法改变这种行为。

一种可能的解决方案是编写继承自 PrimeNG 的组件并覆盖 itemClick 实现

我从未尝试过，但是....这个article可能会有所帮助

选择后如何禁用，隐藏下拉菜单中的选项

How to disable ,hiding options from dopdown after selection

primeng

angular