Javascript 当popover位于元素内时，如何使popover尊重“自动右键”？

我有一个表格，每个单元格都有一个链接列表。我选择只显示列表中的第一项，然后我创建了一个徽章并将其放在该项旁边。单击徽章会生成一个弹出框，其中包含列表中的其余项目。添加“顶部|右侧|左侧|底部”效果良好，但有时浏览器窗口的边缘会切断弹出框，具体取决于触发元素的位置。我试着用auto right来表示，如果右边没有打开的空间，那么就在左边打开，但是auto类总是将popover放在单元格中项目的顶部。我已经尝试将data container=body添加到触发器元素中，但似乎没有任何效果。关于如何使auto类在表格单元格中正确运行，有什么想法吗

另外，我没有使用jquery。我使用的是Angular框架提供的jqlite，假设这些信息对任何试图回答这个问题的人都很重要

HTML:

---

既然您正在使用盎格鲁JS，您可能会考虑使用[角度UI引导程序]角UI。GITHUB.IO/BootStask/。实际上，我使用的是一个分叉的Bootstrap版本，因为它提供了传递一个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>