1

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

谢谢!

4

0 回答 0