动态创建按钮的弹出窗口错位

Question

我想在动态渲染按钮时显示一个弹出窗口（单击“添加按钮”）。

我可以使用所需的HTML显示弹出窗口，但是如何将弹出窗口的尖端与按钮对齐？

以下是描述该情景的'plunker'：https://plnkr.co/edit/GApD3WJhsa7afYAXuLJl?p=preview

<div class="my-button">
  <button class="btn btn-success" ng-bind="instance.name"></button>
  <div class="btn btn-xs btn-danger pull-right" ng-click="remove()">&times;</div>
</div>

Answer 1

这是我提出的解决方案。请参阅更新的plunk：http://plnkr.co/edit/Bs0K3FqnIWNjbiMkMygV?p=preview。在链接函数内部，编译弹出框内容并将其附加到隐藏的＆lt; div＆gt;。

中

struct A 
{
    int i = 0;
    double d = 0.0;
    const bool b = false;
};

删除后（通过点击右侧的十字图标），隐藏的＆lt; div＆gt;可以删除，弹出可以被破坏。