앵귤러 부트 스트랩에 바디 추가가 필요한 이유는 무엇입니까?

Question

Angular UI Bootstrap의 여러 가지 지침에는 append-to-body 옵션이 있습니다. 언제 이것을 사용해야합니까? 장점과 단점은 무엇입니까?

Answer 1

그런 옵션을 유용하게 사용하면 마크 업이 트리거 요소의 형제 또는 하위로 삽입되어 이상적이지 않을 수 있으므로 유용합니다.

가능한 가지 이유 :

• 그들은 그들에게 적용해서는 안 스타일을 상속 할
• (가 삽입 한 경우 유효하지 않은 것 삽입 할 것 마크 업 예 <tr>의 자식으로 <div>).
• 절대적으로 배치해야하며, 페이지를 올바르게 배치 할 수 있지만 페이지와 함께 계속 스크롤 할 수 있습니다 (페이지와 함께 스크롤하지 않는 position: fixed과 반대) .

아마도 다른 이유가있을 수 있지만 가장 일반적인 이유가 있습니다.

Answer 2

매우 유용한 옵션입니다.

이 옵션은 언제나 HTML에 동적으로 추가되는 툴팁 등의 요소를 변경합니다. 가장자리 충돌을 방지하거나 CSS 규칙을 혼합합니다.

예를 들어 툴팁을 부모 모서리 (부모 오버 플로우 : 숨김)로 잘라낼 때이 옵션을 사용해야합니다. body-append-to-body 옵션을 사용하면 툴팁이 overflow : hidden parent 대신 본문에 추가되고 잘라지지 않습니다.

자주 발생하는 문제에 대한 빠른 해결책.