8

タブと折りたたみパネルに twitter-bootstrap を使用しています。これらのプラグインは両方とも、href をオーバーライドすることで機能します。時々 - 一貫してではありませんが、ルートプロバイダはタブ/折りたたみ動作をオーバーライドし、それをルートとして使用しようとします。

この問題の回避策が欲しいのですが、 githubの問題として追加しました。

回避策の実装に関するいくつかの提案:

  1. .otherwise が指定されていない場合 - 特に構成されていないルートには触れないでください。
  2. .ignore('path') を構成オプションとして routeProvider に追加します。
4

2 に答える 2

22

回避策として、を使用する代わりに href="#targetDivId"、Twitter Bootstrap がdata-target="#targetDivId"属性として許可され、問題が解決しました。

問題を説明するスレッドは次のとおりです: GitHub Issue

于 2012-11-13T01:40:49.670 に答える
2

スコープを使用して、ルートをバイパスしてタブとペインの間を接続できます。

<div class="tabbable">
                                <ul class="nav nav-tabs">
                                    <li ng-class="{'active':currentTab == 'Tab1'}">
                                        <a data-toggle="tab" ng-click="currentTab = 'Tab1'">Tab1</a>
                                    </li>
                                    <li ng-class="{'active':currentTab== 'Tab2'}">
                                        <a data-toggle="tab" ng-click="currentTab = 'Tab2'">Tab2</a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane" ng-class="{'active':currentTab == 'Tab1'}" id="Tab1">
                                        <p>I'm in Section 1.</p>
                                    </div>
                                    <div class="tab-pane" ng-class="{'active':currentTab == 'Tab2'}" id="Tab2"> 
                                        <p>Howdy, I'm in Section 2.</p>
                                    </div>
                                </div>
                            </div>
于 2012-11-13T19:45:08.540 に答える