Angular UI.BootStrap AccordionとBootstrap3

Question

私はそれをよく知っています ui.bootstrap Bootstrap 3にはまだ完全に移植されていませんが、アプリのほとんどを使用して構築しています。このコンポーネントだけで2.3に戻ることはできません。

とはいえ、私は自分の可能性を評価しています。

私がこれまでに試したこと：

1. ブートストラップ2.3に戻ります
   私のすべてのスタイリングを壊しました...まさに

2. BS3に固執し、からアコーディオンをつかみます https://github.com/angular-ui/bootstrap/tree/bootstrap3
   ui.bootstrap_0.7 libの下にコードを含め、ui.bootstrap 0.7コードのアコーディオンコードを置き換えて削除して、別のファイルに完全に配置しようとしました。これはどれもうまくいきませんでした

3. BS3に固執し、BS2.3からアコーディオンスタイルを盗もうとしました
   このようにして私はそれにスタイルを追加することができましたが、アコーディオンの行動は単に機能していませんでした

試してみるごとに、コンソールにエラーは表示されません...

私は暗闇の中をさまよっています。コードにアコーディオンを含める方法についての手がかりがありません。
どんな助けでも大歓迎です、ありがとう！

Answer 1

Bootstrap 3は、アコーディオンクラスの代わりにパネルを使用します。そのためにテンプレートが変更されるはずです。 UI-BootStrapを変更しないように、アコーディオンのテンプレートがあるモジュールを上書きしました。このモジュールはJSクラスに追加する必要があります（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>");
}]);

このサンプルを見つけてください プランク

Answer 2

必ず 「ui-bootstrap-tpls.js」ファイルのみを参照してください

それは少なくとも私のケースでしたが、私はこの順序で両方を参照していました。

ui-bootstrap-tpls.js
ui-bootstrap.js

そして、「ui-bootstrap」はテンプレートを無効にしていました

Answer 3

MLIM1972回答はうまく機能しますが、Angular $を使用してデコレーターを提供して（coffeescriptで）使用します。

module.config( ["$provide", ($provide) ->
  $provide.decorator 'accordionDirective', ["$delegate", ($delegate) ->
  $delegate[0].templateUrl = "path/to/modified/accordion-group.html"
  $delegate
]