ruby-on-rails - Bootstrap UI Angular Accordion 和 Rails 模板必须有一个根元素

Question

我尝试在我的 Rails 应用程序中使用示例 Accordion 指令，但收到以下错误并且我的浏览器崩溃

Template for directive 'accordionGroup' must have exactly one root element.  
template/accordion/accordion-group.html

我的 HTML View 与示例 Accordion 相同(此处为了可读性而缩短)

<div ng-controller="AccordionDemoCtrl">

  <accordion close-others="oneAtATime">
    <accordion-group heading="Static Header, initially expanded" is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled">
      This content is straight in the template.
    </accordion-group>
    <accordion-group heading="{{group.title}}" ng-repeat="group in groups">
      {{group.content}}
    </accordion-group>
  </accordion>
 </div>

我的路线:

angular
  .module('App', [
    'ngRoute',
    'templates',
    'ui.bootstrap'
  ])
    .when('/page', {
      templateUrl: 'page.html',
      controller: 'PageCtrl'
    })
    $locationProvider.html5Mode(true);
  });

我也在使用 Angular 模板 gem，不确定这是否与它有关。

Answer 1

我在 Angular Bootstrap 中遇到了类似的错误，这是由于使用了

ui-bootstrap.js 而不是 ui-bootstrap-tpls.js