我正在尝试将 kendo-popup 与输入锚点一起使用,但它不适用于我。我希望 app.component.html 拥有:
<div class="first-container flex-column">
<!-- a lot of elements -->
</div>
<div class="second-container flex-column">
<!-- a lot of elements -->
</div>
<kendo-popup [anchor]="anchor">
<div class='content'>
<!-- User-defined content -->
Popup content.
</div>
</kendo-popup>
并且#anchor id 可以位于其中一个容器的深处。
我想创建通用的 kendo-popup,它应该在每次靠近其他元素(具有锚点)时打开弹出窗口。
如果我将#anchor 放在其中一个容器中的元素内,它不会在该元素附近弹出,而是在与该元素无关的地方弹出。
我该怎么做?
BTY,我首先尝试使用 ngBootsrap 的 ngbPopover,但它需要“包装”我们想要弹出窗口的 html 元素,这对我不起作用,因为我想将弹出窗口/弹出代码放在我将使用的通用位置对于多个元素。
谢谢!