大佬教程收集整理的这篇文章主要介绍了angularjs – angular-ui-bootstrap手风琴折叠/展开全部,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
另外,我应该补充一点,this post中的解决方案在我使用的较新版本的angular.js(v1.0.8 vs v1.2.6)中不起作用(这是此发布时的最新版本).在较新的版本中,它会抛出有关尝试创建两个隔离范围的错误.
标记:
<div ng-controller="myCtlr"> <accordion close-others="oneAtATime"> <button class="btn" ng-click="section.isCollapsed = !section.isCollapsed">Toggle Sections</button> <accordion-group ng-repeat="section in sections" is-open="section.isOpen"> <accordion-heading> <div class="accordion-heading-content" ng:class="{Collapsed: section.isOpen}"> {{section.namE}} </div> </accordion-heading> Section content </accordion-group> </accordion> </div>
JS:
var theapp = angular.module('myApp',[ 'ui.bootstrap' ]) function myCtlr ($scopE) { $scope.isCollapsed = false; $scope.sections = [ {'id': '353','otherid': '7','name': 'One','Sequence': '1'},{'id': '354','otherid': '8','name': 'Two',{'id': '355','otherid': '9','name': 'Three','Sequence': '1'} ]; }
以上是大佬教程为你收集整理的angularjs – angular-ui-bootstrap手风琴折叠/展开全部全部内容,希望文章能够帮你解决angularjs – angular-ui-bootstrap手风琴折叠/展开全部所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。