Bootstrap 3 utilise des panneaux au lieu de la classe d'accordéon. Le modèle doit changer pour cela. Pour ne pas changer UI-Bootstrap, j'ai écrasé le module qui a le modèle pour l'accordéon. Ce module doit être ajouté à votre classe JS (et doit se charger après UI-Bootstrap):
angular.module("template/accordion/accordion-group.html", []).run(["$templateCache", function($templateCache) {
$templateCache.put("template/accordion/accordion-group.html",
"<div class=\"panel panel-default\">\n" +
" <div class=\"panel-heading\" >\n" +
" <h4 class=\"panel-title\"><a data-toggle=\"collapse\" ng-click=\"isOpen = !isOpen\" accordion-transclude=\"heading\">{{heading}}</a></h4>\n" +
" </div>\n" +
" <div class=\"panel-collapse\" ng-hide=\"!isOpen\">\n" +
" <div class=\"panel-body\" ng-transclude></div> </div>\n" +
"</div>");
}]);
angular.module("template/accordion/accordion.html", []).run(["$templateCache", function($templateCache) {
$templateCache.put("template/accordion/accordion.html",
"<div class=\"panel-group\" ng-transclude></div>");
}]);
Trouvez cet échantillon dans se cacher