使用AngularJS獲得加載Bootstrap彈出窗口的最簡單方法

Question

我使用的是來自http://angular-ui.github.io/bootstrap/#/popover的AngularJS Bootstrap Popover指令。

我想具有酥料餅出現既當用戶初次顯示時的按鈕經過按鈕和懸停鼠標（約3秒鐘，然後將其消失）。

可能這可以使用$tooltipProvider.setTriggers完成，但是我必須監聽哪些事件以及是否可以從兩個事件中調用工具提示（例如，將兩個值傳遞給popover-trigger屬性），但我不確定。

有沒有一個簡單的解決方案呢？

Answer 1

我並不完全理解你的問題，但鼠標懸停的設置觸發器是「mouseenter」，相反的是「模糊」設置，在這個上你可以設置一個淡入淡出的動畫，也許用ngBlur屬性。爲了讓popover全部準備就緒（如果我明白你的第三個需要），popover有一個名爲「isOpen」的屬性，你必須將它設置爲true。

編輯

要對你可以或不可以做什麼用的提示指令打開UI-bootsrap.js文件的完整視圖。在它的內部，你會發現任何類型的參數或你可以使用的屬性，在文件中搜索isOpen，你會發現這個方法，它寫得很好，很容易理解它的功能。但爲了您的目的，我建議您編寫一個函數，並將超時時間間隔設置爲3秒，這可能會在彈出的時間之後將彈出式ng顯示從true更改爲false，但首先要閱讀tooltip指令並在after您可以輕鬆解決您的問題。