Angular Bootstrap中追加身体的原因是什么？

Question

Angular UI Bootstrap中的几条指令都有append-to-body选项。我什么时候需要使用它，它的优点和缺点是什么？

Answer 1

我发现这些选项很有用，因为否则标记会作为触发元素的兄弟或子项插入，这可能并不理想。

可能的原因：

• 他们将继承不适用于他们的样式
• 如果插入标记，则插入的标记无效（例如，<div>作为<tr>的子项。
• 他们需要绝对定位，并通过使他们成为身体的孩子，这使他们能够正确地定位在页面上，但仍然与页面滚动（而不是position: fixed，不滚动与页面。）。

可能有其他原因，但我怀疑最后一个是最常见的原因。

Answer 2

这是一个非常有用的选择。

该选项会更改通常动态添加到HTML中的任何工具提示等元素的父元素。防止一些边缘冲突或混合CSS规则。

例如，当您的工具提示被父边切割时（父有溢出：隐藏），您将需要使用该选项。 当使用append-to-body选项时，工具提示将附加到正文而不是溢出：隐藏父级并且不会被剪切。

快速解决此类问题。