javascript - ng-viewを介して含まれている場合、ブートストラップ3アコーディオンを使用したAngularJSが機能しない

Question

問題は次のとおりです: ng-view ディレクティブに読み込まれたビューでアコーディオンを使用するとすぐに、アコーディオンのタイトルのクリックが正しく機能しなくなります。

アコーディオンがng-viewなしでページ自体で使用されている場合、アコーディオンは完全に機能します

私が欠けているものの手がかりはありますか？

score 40 · Accepted Answer

実は、もっと簡単な解決策があるかもしれません。

リンクが URL の変更を伝播しないようにするだけです。

aタグに追加onclick="return false;"

score 8 · Accepted Answer

問題は、Bootstrapがタグ#according_name内に追加されることです。aこれにより AngularJS ルーティングがトリガーされ、ルート変更によりtest.html、アコーディオンリンクがクリックされるたびに再度ロードされます。

$locationProviderあなたのオプションは、動作する場合、hashbag で HTML5 モードを使用するように構成しようとすることです

$locationProvider.html5Mode(true).hashPrefix('!');

ここでいくつかのドキュメントを参照してください

その他はangular-uiコンポーネントを使用することですが、ブートストラップのバージョン 3 をサポートするように移植されていません。

4 に答える 4