Question

我有一个表格，每个单元格都包含一个链接列表。我选择仅显示<td>中列表的第一项，然后创建了badge并将其放在<td>项旁边。点击badge会生成一个popover，其中包含列表中的其他项目。添加，top|right|left|bottom工作正常，但有时popover被浏览器窗口的边缘切断，具体取决于触发元素的位置。我尝试使用auto right作为一种说法，“嘿，如果没有空间在右边打开，然后在左边打开”，但“auto”类总是把弹出在单元格中的项目顶部。我尝试将data-container="body"添加到触发器元素，但它似乎没有任何效果。关于如何使“auto”类在表格单元格中正确运行的任何想法？

另外，我没有使用jquery。我正在使用Angular框架提供的jqlite，假设这些信息对于试图回答这个问题的人来说非常重要。

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>

当弹出窗口在元素内时，如何让popover尊重“自动右键”？

0 个答案: