我正在尝试为我的应用程序创建一个lib,它将使用一个指令作为popper触发器和提示目标。此指令使用“@contentchild”获取我想在提示中显示的内容。
问题是实际上什么都没用。
这是我到目前为止所做的
https://stackblitz.com/edit/angular-nwojkq
我无法从文档中理解如何使用这个lib all。我试过检查节点和ng-template
引用以获取线索,但没有成功。还没有找到任何“悬停”触发器来显示POPOFE的方法。
问题是我该如何显示/隐藏弹出窗口。
是否可以创建一个dom元素并将其用作popper hint inner而不将其附加到body。
Popper对象正在成功创建中,但是我无法找到如何使用它。阅读popper.js文档只会给我的脑袋添麻烦。
更新1
看起来波普真的工作,但它只是简单地显示,而不是隐藏时,它没有悬停。
那么有什么方法可以启用/禁用popper吗?我不希望它在元素未悬停时保持跟踪。
最佳答案
我不会为了帮助像我这样的人而删除这个问题。
1)确保使用inline-block
或inline
元素作为提升器元素(要定位的元素)
2)使您的HTML高度足以将您的元素滚动出屏幕
3)尝试滚动关闭
在我的例子中,波普是成功创建和工作的。我的位置是“top”,当我滚动页面使锚元素(我正试图定位提示的元素)离开屏幕时,我看到我的提示被移动到目标元素下,这意味着popper实际工作。
Here是一篇关于如何在angular中使用popper.js的小文章。希望这对某人有帮助。
关于angular - 如何在Angular中使用popper,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57328173/