如何将手风琴组与 template-url 属性一起使用

Question

我尝试在我自己的模板中使用 accordion 指令。我使用以下内容：

<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>

在 JavaScript 文件中定义了模板：

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

不幸的是，当我使用 $templateCache 或我将模板直接保存在 template/accordion/accordion-mytemplate.html 文件中时，这两种方法都不起作用（这种方式是我喜欢的）。

谁能告诉我如何将 ui.bootstrap.accordion 与自定义模板一起使用，以及为什么模板-url 属性不起作用？

Answer 1

尝试升级到最新版本的 angular-bootstrap。旧版本不支持 template-url 属性。

如何将手风琴组与 template-url 属性一起使用

How to use accordion-group with template-url attribute

angularjs

angular-ui-bootstrap