Angularjs 如何使用带有模板url属性的accordion组

Angularjs 如何使用带有模板url属性的accordion组,angularjs,angular-ui-bootstrap,Angularjs,Angular Ui Bootstrap,我试着用我自己的模板使用accordio指令。我使用以下方法: <accordion close-others="1"> <accordion-group heading="First" is-open="1" template-url="template/accordion/accordion-mytemplate.html"> First </accordion-group> <accordion-group heading="S

我试着用我自己的模板使用accordio指令。我使用以下方法:

<accordion close-others="1">
  <accordion-group heading="First" is-open="1" template-url="template/accordion/accordion-mytemplate.html">
    First
  </accordion-group>
  <accordion-group heading="Second" template-url="template/accordion/accordion-mytemplate.html">
    Second
  </accordion-group>
</accordion>
\n“+
“\n”+
“\n”+
“\n”+
“\n”+
“\n”+
“\n”+
"");
}]);
不幸的是,当我使用$templateCache或者将模板直接保存在template/accordion/accordion-mytemplate.html文件中时,这两种方法都不起作用(我优先选择这种方法)


有人能告诉我如何根据自定义模板使用ui.bootstrap.com以及模板url属性不起作用的原因吗?

请尝试升级到
角引导的最新版本。旧版本不支持
模板url
属性

angular.module("template/accordion/accordion-mytemplate.html", []).run(["$templateCache", function($templateCache) {
  $templateCache.put("template/accordion/accordion-mytemplate.html",
      "<div class=\"panel panel-default\">\n" +
      "<div class=\"panel-heading\">\n" +
      "<h1 class=\"panel-title\">\n" +
      "TEST: <a href=\"javascript:void(0)\" tabindex=\"0\" class=\"accordion-toggle\" ng-click=\"toggleOpen()\" accordion-transclude=\"heading\"><span ng-class=\"{'text-muted': isDisabled}\">{{heading}}</span></a>\n" +
      "</h1>\n" +
      "</div>\n" +
      "<div class=\"panel-collapse collapse\" collapse=\"!isOpen\">\n" +
      " <div class=\"panel-body\" ng-transclude></div>\n" +
      "</div>\n" +
      "</div>\n" +
      "");
}]);