我正在尝试为我的应用创建一个lib,它将使用指令作为popper触发器和提示目标。该指令使用“ @ContentChild”来获取ng-template
要显示的提示。
问题是实际上什么也没有。
这是我到目前为止所做的https://stackblitz.com/edit/angular-nwojkq
我无法从文档中了解如何使用此lib all。我试图检查节点和this.popper
参考的线索,但没有成功。尚未找到任何具有“悬停”触发器来显示弹出窗口的方法。
问题是我应该如何显示/隐藏popper。
并且可以创建一个DOM元素并将其用作内部的popper提示,而无需将其附加到主体。
popper对象已成功创建,但是我无法找到如何使用它。读取popper.js文档只会使我的头脑混乱。
更新#1
看起来波普尔确实有效,但是它只是显示而不是在未悬停时隐藏。
那有什么方法可以启用/禁用Popper吗?我不希望它在元素未悬停时保持跟踪。
我不会删除此问题来帮助处于类似我这种情况的其他人。
1)确保将inline-block
orinline
元素用作popper元素(要定位的元素)
2)使您的html高度足以在屏幕上滚动元素
3)尝试将其滚动
以我为例,Popper已成功创建并正常工作。我的位置是“顶部”,当我滚动页面以使锚元素(我要向其定位提示的元素)不在屏幕上时,我发现提示已移动到目标元素下,这意味着Popper实际上起作用了。
这是一篇关于如何在Angular中使用Popper.js的小文章。希望这会帮助某人。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句