在Angular Bootstrap中附加到主体的原因是什么？

Question

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

Answer 1

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

可能的原因：

• 他们会继承不应该适用于他们的样式
• 如果插入到此处，要插入的标记将无效（例如 a<div>作为 a 的子级<tr>）。
• 它们需要绝对定位，并且通过使它们成为 body 的子级，这使它们能够正确定位在页面上，但仍然随页面滚动（与 不同position: fixed，它不随页面滚动）。

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