AngularJs UI Bootstrap下拉位置在为下拉菜单添加ngif时被错误地计算了

Question

[AngularJs UI Bootstrap在为持有'dropdown-menu'类的ui元素添加ng-if条件时，错误地计算了下拉菜单的位置。

AngularJs UI Bootstrap版本-0.3.13AngularJs版本-1.3.17

这是重新生成问题的插件-http://next.plnkr.co/edit/sSXH5KeMQymaFNpG

<div class="btn-group" dropdown dropdown-append-to-body>
  <button id="btn-append-to-body" type="button" class="btn btn-primary" dropdown-toggle>
     Dropdown on Body <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" ng-if="myFlag" role="menu" aria-labelledby="btn-append-to-body"></ul>
</div>

从ui-bootstrap期待一些解决方案

Answer 1

ng-if将创建一个隔离的子范围，当条件为false时，它将从DOM中删除该元素，并且仅在条件变为true时才将其添加回去，而ng-show只是通过添加该元素来切换元素的外观CSS显示：无样式。