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

【问题标题】：How to disable ,hiding options from dopdown after selection选择后如何禁用，隐藏下拉菜单中的选项
【发布时间】：2023-04-08 01:39:01
【问题描述】：

我正在使用primeng进行角度应用。选择一个选项后，我需要停止隐藏菜单下拉菜单的选项！

<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();
}

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

【问题讨论】：

您好，如果您可以提供minimal reproducible example，我想会更容易获得帮助
是的，请参考这个链接会得到一个想法，我想实现这个菜单primefaces.org/primeng/#/menu 1.点击显示按钮选项应该显示。 2.但是从选项列表中选择一个选项后，选项列表应该保持不变！
我希望问题很清楚，请为问题投票！谢谢！

标签： angular primeng

【解决方案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 可能会有所帮助

【讨论】：

是的，明白了！感谢@Massimo 的帮助实际上通过扩展来实现此功能是否耗时？只是问...！
正如我所说，我从来不需要这样做，我只是猜测，这取决于您的需求，但....看起来并不难