typescript - 如何在 Angular 中使用 popper

我正在尝试为我的应用创建一个库，该库将使用一个指令作为 popper 触发器和提示目标。这个指令使用 '@ContentChild' 来获取我想在提示中显示的 ng-template。

问题是实际上什么都不管用。

这是我到目前为止所做的 https://stackblitz.com/edit/angular-nwojkq

我无法从文档中理解如何使用这个库。我尝试过检查节点和 this.popper 引用寻找线索，但没有成功。也没有找到任何方法可以让“悬停”触发显示弹出框。

问题是 我应该如何显示/隐藏弹出框。

是否可以创建一个 DOM 元素，并将其作为 popper 提示的内部 而不将其附加到 body。

popper 对象已成功创建，但我无法弄清楚如何使用它。阅读 popper.js 文档只让我更加困惑。

更新 #1

看起来弹出框实际上是有效的，只是当没有悬停时，它只是显示出来而不是隐藏。

有没有方法可以启用/禁用 Popper？我不希望在元素未被悬停时它还进行跟踪。

答案＃1

我不会删除这个问题，以帮助像我一样处境的人。

1) 确保您正在使用 inline-block 或 inline 元素作为 popper 元素（要定位的元素）

2) 将你的 HTML 高度设置足够，以便滚动你的元素离开屏幕

3）尝试把它滚动掉

在我的情况下，Popper 成功创建并运行。我的位置是 'top'，当我滚动页面使我的锚元素（我试图定位提示的那个）离开屏幕时，我看到我的提示被移动到目标元素下面，这意味着 Popper 实际上起作用了。

这里是一篇关于如何在 Angular 中使用 Popper.js 的小帖子。希望这能帮助到某些人。