動的に作成されたボタンに対するポップオーバーの位置合わせが不一致

Question

「ボタンの追加」をクリックすると、動的にレンダリングされたときに、そのボタンとともにポップオーバーを表示します。

私は必要なHTMLでポップオーバーを表示できますが、ボタンの横にポップオーバーの先端をどのように揃える必要がありますか？ 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

ここで私が思いついた解決策があります：ここでは

はシナリオを記述する 'plunker' です。 updated plunk：http://plnkr.co/edit/Bs0K3FqnIWNjbiMkMygV?p=previewを参照してください。リンク関数の中で、ポップオーバーコンテンツをコンパイルし、隠し内部に追加します<div>。 （右の十字アイコンをクリックすることによって）除去されると

var compiled = $('<div>', {css: {display: 'none'}}) 
    .append($compile(popoverContent)(scope)).appendTo('body'); 

button.popover({ 
    //... other config 
    content: compiled.html() 
}); 

、隠れ<DIV>を除去することができ、ポップオーバーを破壊することができます。