折叠无法使用动态ng-repeat更新

时间:2014-10-14 06:02:58

标签: angularjs angularjs-ng-repeat angular-ui-bootstrap

我有一个简单的崩溃。

<ul collapse="isCollapsed">
  <li ng-repeat="item in items">
    {{item}}
  </li>
</ul>

这是控制器:

angular.module('ui.bootstrap.demo').controller('CollapseDemoCtrl', function ($scope) {
  $scope.isCollapsed = true;
  $scope.items = [];
  $scope.add = function() {
    $scope.items.push(Math.random());
  }
});

http://plnkr.co/edit/ZYE3A4gt2I3JZgOEXxhf?p=preview

当我将isCollapsed从true切换为false并向列表中添加更多项目时,折叠高度不会更新。当 isCollapsed 初始化为false或我再次切换崩溃时,不会发生这种情况。

我不确定它是否是错误或是否按预期运行。

编辑:问题是当切换isCollapsed为false时,如果没有项目(高度:0px),折叠不会将高度attr设置为auto,这将使折叠更新其高度。

1 个答案:

答案 0 :(得分:0)

确认为错误。请参阅此github问题https://github.com/angular-ui/bootstrap/issues/2836