javascript - ポップオーバーが要素内にあるときに「自動右」を尊重するようにポップオーバーを取得するにはどうすればよいですか?

Question

各セルがリンクのリストを保持するテーブルがあります。リストの最初のアイテムのみを に表示することを選択し<td>、次に を作成badgeしてアイテムの横に配置しました<td>。をクリックすると、リストの残りの項目を含む がbadge生成されます。popover追加はtop|right|left|bottom正常にpopover機能しますが、トリガー要素の場所によっては、ブラウザ ウィンドウの端で切り取られることがあります。auto right「ねえ、右に開く余地がないなら、左に開く」という言い方で使ってみたのですが、「 auto」クラスは常にセル内のアイテムの上にポップオーバーを配置します。追加してみましたdata-container="body"トリガー要素に追加しましたが、効果がないようです。「自動」クラスをテーブルセル内で正しく動作させる方法についてのアイデアはありますか?

また、私は使用していませんjquery。私はjqliteAngular フレームワークによって提供されるものを使用しています。その情報は、これに答えようとしている人にとって重要であると想定しています。

HTML:

<span ng-if="something.length > 0">
<span ng-if="something[0].link">
    <a>{{something[0].content}}</a>
    <span ng-if="something.length > 1">
        <a type="button"
           class="btn badge"
           title="Title"
           popover-template="somedirectory/someotherdirectory/somefile.tpl.html"
           data-container="body"
           popover-placement="auto right">
            +{{something.length - 1}}
        </a>
        <span ng-cloak></span>

    </span>
</span>