2015-08-25 25 views
4

我试着用我自己的模板来使用accordion指令。我用的是以下几点:如何在模板url属性中使用accordion-group

<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或我已经模板模板直接保存它并不适用于这两种工作工作/accordion/accordion-mytemplate.html文件(这种方式是由我优先)。

任何人都可以描述如何使用ui.bootstrap.accordion与自定义模板,为什么template-url属性不起作用?

回答

2

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

+1

谢谢 - 升级后模板完美工作! – pga

+0

很高兴听到它! – jkndrkn

相关问题