如何根据数组中的项目显示accordion-group

Question

仅当accordion-group包含项目时，我才会显示angular-ui array。这可以动态改变 我尝试使用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