Dinamik olarak oluşturulmuş düğme için popover hizasının bozulması

Question

Dinamik olarak oluşturulduğunda düğme ile birlikte bir popover göstermek istiyorum ("Düğme Ekle" düğmesine tıklayın).

Popover'i gerekli HTML ile görüntüleyebiliyorum, ancak düğmenin yanında popover'ın ucunu nasıl hizalamalıyım? 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

Burada ile geldi çözüm:

İşte senaryoyu anlatan 'plunker' dir. Güncel güncelleme: http://plnkr.co/edit/Bs0K3FqnIWNjbiMkMygV?p=preview. Bağlantı işlevinin içinde, popover içeriğini derleyin ve gizli bir <div> içine ekleyin. (Sağda çapraz simgesini tıklayarak) çıkarıldığında

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

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

, gizli <div> çıkarılabilir ve popover yok edilebilir.