Отключить закрытие раскрывающегося списка множественного выбора при щелчке поля внутри раскрывающегося списка множественного выбора в PrimeNG

Я работаю над требованием, в котором я использую множественный выбор PrimeNG. Этот множественный выбор имеет флажки, за которыми следует некоторый текст и логотип. При нажатии на логотип я отображаю некоторые данные во всплывающем окне. При нажатии кнопки «ОК» всплывающего окна закрывается мультиселектор фона, где мне нужно отключить закрытие всплывающего окна при нажатии логотипа. Вот пример stackblitz для справки: Демо Stackblitz нажмите здесь.

Шаг 1: Откройте mutiselect и нажмите на логотип

Шаг 2: Нажмите «ОК» во всплывающем окне.

Шаг 3: Multiselect Dropdwon закрывается

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
3
0
1 896
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Добавление решения StackBlitz.


Достигнуто это с помощью onPanelHide eventEmitter, который вызывает checkState, я держу панель открытой с помощью
this.multiInput.show();
Если всплывающее окно открыто.

Не знал о onPanelHide eventEmitter, спасибо за поддержку, отличная работа Ура!

Shashank S Chandel 18.12.2020 21:07

когда я пытаюсь добиться того же, используя angular, формально используя viewchild для множественного выбора, это не удается, будет полезно, если вы можете помочь мне в этом, ссылка на переработку: stackblitz.com/edit/…

Shashank S Chandel 28.12.2020 13:54

Проверьте это stackblitz.com/edit/…

Arun 28.12.2020 16:17

Другие вопросы по теме