Ng-bootsrap:从下拉列表中选择项目后,提前关闭弹出窗口

时间:2019-01-14 18:54:55

标签: javascript angular popover ng-bootstrap typeahead

我正在使用ng-bootsrap 4和Angular7。当我在popover组件内使用typeahead组件并且从typeahead下拉列表中选择项目后,popover自动关闭。我为弹出式窗口设置了autoClose =“ outside”。在预先输入列表中选择项目后,如何关闭弹出式窗口?

2 个答案:

答案 0 :(得分:0)

在这种情况下,设置autoClose无效。如果检查弹出窗口源,则会发现消除弹出窗口的逻辑是检查弹出窗口元素是否包含事件目标,该目标是预输入的选择器。引用ng-bootstrap online doc,它指出container: A selector specifying the element the tooltip should be appended to. Currently only supports "body".。由于body不是弹出窗口元素内的元素,因此会将其视为外部点击。

答案 1 :(得分:0)

您可以在点击预先输入的组件上尝试添加event.stopPropagation()