Ng-bootsrap: всплывающее окно закрытия typeahead после выбора элемента из выпадающего списка

Question

Я использую ng-bootsrap 4 и Angular 7. Когда я использую компонент typeahead внутри компонента popover и после того, как я выбираю элемент из раскрывающегося списка typeahead, popover автоматически закрывается. Я устанавливаю autoClose = "outside" для popover. Как сделать так, чтобы всплывающее окно не закрывалось после выбора элемента в списке типов заголовков?

Answer 1

Вы можете попытаться добавить event.stopPropagation () при нажатии на компонент typeahead

Answer 2

Настройка autoClose не будет работать в этом случае. Если вы проверите источник popover, вы обнаружите логику отклонения popover, которая заключается в проверке, содержит ли элемент окна popover цель события, которая является селектором из typeahead. Что касается ng-bootstrap online doc , в нем говорится, что container: A selector specifying the element the tooltip should be appended to. Currently only supports "body".. Поскольку тело не является элементом внутри элемента всплывающего окна, оно будет восприниматься как внешний щелчок.