gpt4 book ai didi

javascript - 如何在 Angular JS 的弹出窗口外单击时隐藏 uib-popover?

转载 作者:行者123 更新时间:2023-12-02 05:48:49 24 4
gpt4 key购买 nike

<button class="btn btn-default blue btn-lg h-ask btn-block" popover-placement="bottom" uib-popover-template="popover_home.templateUrl">ASK</button>

上面是angular js popover的代码,在popover的html模板中也有两个输入框,所以当用户在popover中提交html表单时,我将控制popover,但我需要手动关闭时用户打开此弹出窗口但不对弹出窗口执行任何操作(例如:在弹出窗口外单击)。

对此有什么想法吗?我使用了“popover-trigger='focus'”,但它不允许我写入输入字段(每当悬停弹出窗口时它就会关闭)

最佳答案

不知道您使用的是哪个版本的 angular-ui boostrap,但我使用的是最新版本 (1.1.1) 并添加此技巧:

popover-trigger="outsideClick"

你可以在这个演示中看到。

popover close when click outside

希望对您有所帮助!

关于javascript - 如何在 Angular JS 的弹出窗口外单击时隐藏 uib-popover?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34651571/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com