javascript - 如何根据数组中的项目显示 Accordion 组

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

仅当数组包含项目时,我才想显示angular-uiaccordion-group。这可以动态更改。
我尝试使用 ng-show ,但由于数组在没有项目的情况下启动,因此它根本不显示,并且添加项目后不会再次重新渲染。我为它添加了一个plunker:plnkr

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

最佳答案

很可能是 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

关于javascript - 如何根据数组中的项目显示 Accordion 组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21965700/

相关文章:

javascript - 你如何发送一个数组作为(jquery)ajax请求的一部分

javascript - Node.js 中的同步请求

javascript - 如何使用 angular.js 包含 .js 文件

javascript - CSS动态3D轮播,z轴定位

javascript - AngularJS $scope.push 不从 $http 数据响应更新 View

javascript - js中数组对象值不累加

javascript - 创建一个脉动的圆圈

html - 如何通过 ng-click on angular js 增加图像大小?

javascript - 具有两种方式绑定(bind)的 Angular 指令,过滤器和 ng-repeat

javascript - 将 ng-repeat 数据传递到另一个函数