Angular 4 ngx-popover - [popoverCloseOnMouseOutside] =“true”不会关闭弹出框,当鼠标移到弹出框外

时间:2018-03-18 09:08:12

标签: javascript html angular typescript popover

我正在使用来自https://www.npmjs.com/package/ngx-popover的弹出框。当我使用[popoverCloseOnMouseOutside] =“true”时,我的弹出窗口会在悬停时打开,但根本不会关闭,即使是在弹出窗口外盘旋或在外面单击时也是如此。以下是使用的示例代码:

<popover-content #LabelPopover><div innerHTML={{PopoverContentTest}}></div></popover-content>
                <span [popover]="LabelPopover" [popoverOnHover]="true" popoverPlacement="right" [popoverCloseOnMouseOutside]="true" [popoverCloseOnClickOutside]="true">Here is the info</span>

PopoverContentTest是从component.ts文件中填充的,这是一个要在popover中加载的HTMl字符串。[popoverCloseOnMouseOutside]设置为true但是popover没有关闭并保持打开状态,除非我刷新,否则无法关闭它这页纸。任何建议都会有帮助。 谢谢!

0 个答案:

没有答案