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

Question

我试图在我的rails应用程序中使用示例accordion指令,但收到以下错误,我的浏览器崩溃

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

我的HTML视图与示例手风琴相同(此处为了可读性而缩短)

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

我也使用角度模板gem并且不确定它是否与它有任何关系.

Answer 1

我有一个与角度引导相似的错误,这是由于使用

ui-bootstrap.js 代替 ui-bootstrap-tpls.js