如何在Angular中使用popper

谢尔盖

我正在尝试为我的应用创建一个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-blockorinline元素用作popper元素(要定位的元素)

2)使您的html高度足以在屏幕上滚动元素

3)尝试将其滚动

以我为例,Popper已成功创建并正常工作。我的位置是“顶部”,当我滚动页面以使锚元素(我要向其定位提示的元素)不在屏幕上时,我发现提示已移动到目标元素下,这意味着Popper实际上起作用了。

是一篇关于如何在Angular中使用Popper.js的小文章。希望这会帮助某人。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章