UI Bootstrap Accordion 内容在点击时未显示

Question

我正在尝试添加一个手风琴元素，但单击一个手风琴标题没有任何结果（在我的应用程序中，我实际上可以看到内容转换进入然后转换出去，就好像它遇到了一些指示它崩溃的条件） .

我已成功提取以下代码笔中的行为： 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'}
   ];
});

我确定我做错了什么，但我无法确定是什么。

Answer 1

1. 首先查看 uib-accordion 的文档 (https://angular-ui.github.io/bootstrap/)。你用错了。 不是<div uib-accordion> 是<uib-accordion>

2. 没有 CSS，Codepen 毫无用处