角度のあるjsにはポップオーバーが表示されませんか？

Question

私の例ではthis componentを使用していますが、アイコンをクリックすると、私のポップオーバーは表示されません。

私はそれがポップオーバーが表示されるはずですが、現在、それは何も表示されていないアイコンをクリックしてください。

は、ここに私のコードです（とthisはCodePenです）：

は、私自身の経験から、

<script type="text/ng-template" id="myPopoverTemplate.html"> 
    <div>hhh</div> 
</script> 

Answer 1

まず私はその範囲内のもののためにangular-bootstrapを使用することをお勧めします。

第二に、あなたは本当にそれが仕事をしたい場合は、ブートストラップスクリプトが正しくロードされていることを確認してください。次に、ボタンをクリックしてクリックイベントを聞き取り、その上でポップオーバーをトリガーします。ここで

は、あなたが望むものを達成するためのコードです。ここ はplunkrです：ここではhttps://plnkr.co/edit/fBPJ8LfOFGlgcCHvRWSM?p=preview よろしく、

scope.popover = function() { 
     $("[data-toggle=popover]").popover({ 
      html: true, 
      content: $('.popper-content').html(), 
      placement: attrs.popoverPlacement 
     }); 
     }; 

は、HTMLは次のとおりです。

<button type="button" popover-placement="bottom" class="popper btn-link" popover ng-click="popover()" data-toggle="popover"> 
     4 Peoples 
</button> 

よろしく、