如何解决UI Bootstrap Accordion内容在单击时不显示
我正在尝试添加一个手风琴元素,但是单击一个手风琴标题不会产生任何结果(在我的应用程序中,我实际上可以看到内容先转换后过渡,就像遇到了指示其折叠的某种情况一样)
我设法在以下代码笔中提取行为: https://codepen.io/deepdown22/pen/LYNQYeb
<div ng-app="plunker" ng-cloak>
<div ng-controller="MainCtrl">
<h1>Hello {{name}}</h1>
<p>Start editing and see your changes reflected here!</p>
{{groups}}
<uib-accordion close-others="true">
<div uib-accordion-group class="panel-default" ng-repeat="group in groups" is-open="group.open">
<uib-accordion-heading>
{{group.title}}
</uib-accordion-heading>
{{group.content}}
</div>
</uib-accordion>
</div>
</div>
angular.module('plunker',['ui.bootstrap']);
angular.module('plunker').controller('MainCtrl',function($scope) {
$scope.name = 'Plunker';
$scope.groups = [
{'title': 'a','content': 'b'},{'title': 'c','content': 'd'}
];
});
我确定我做错了什么,但我不能指责什么。
解决方法
-
首先查看uib手风琴(https://angular-ui.github.io/bootstrap/)的文档。您使用错误。 不是
<div uib-accordion>
,而是<uib-accordion>
-
没有CSS的Codepen没用
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。