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'}
   ];
});

我确定我做错了什么，但我不能指责什么。

解决方法

1. 首先查看uib手风琴（https://angular-ui.github.io/bootstrap/）的文档。您使用错误。 不是<div uib-accordion>，而是<uib-accordion>

2. 没有CSS的Codepen没用