如何根据数组中的项目显示手风琴组

Question

仅当 array 包含项目时，我想显示 angular-ui 的 accordion-group。这可以动态更改。
我尝试使用ng-show，但由于数组开始时没有项目，它根本不显示，并且一旦添加项目就不会再次重新渲染。我为它添加了一个 plunker：plnkr

我应该让ng-show 以某种方式重新渲染吗？

Answer 1

accordion-group 指令中的某些内容很可能会阻止ng-show 按您的意愿工作。不过我还没有深入研究。

您始终可以将 accordion-group 包装在一个额外的 div 中，然后将 ng-show 放在那里：

<div ng-show="items.length > 0">
  <accordion-group heading="Dynamic Body Content">
    <p>The body of the accordion group grows to fit the contents</p>
    <div ng-repeat="item in items">{{item}}</div>
  </accordion-group>
</div>

演示：plnkr