kendo-ui - 使用带有锚点的 Kendo 弹出窗口 Angular

Question

我正在尝试将 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 元素，这对我不起作用，因为我想将弹出窗口/弹出代码放在我将使用的通用位置对于多个元素。

谢谢！

标签： kendo-uipopuppopoverkendo-angular-ui