Eckiges Routing überschreibt das href-Verhalten, das von den Plug-Ins der Registerkarte und des Kollaps verwendet wird

Question

Ich verwende twitter-bootstrap für Registerkarten und Minimierungsfelder. Beide Plugins arbeiten mit übergreifenden Schritten. Manchmal - nicht konsequent - überschreibt der Routeprovider das Tab/Collapse-Verhalten und versucht, es als Route zu verwenden.

Ich würde eine Abhilfe für dieses Problem lieben, aber hinzugefügt habe es auch als ein Problem auf github

Ein paar Vorschläge der Problemumgehung Implementierungen:

1. Wenn .otherwise nicht vorgesehen ist - do Berühren Sie keine Route, die nicht speziell konfiguriert ist.
2. Fügen Sie .ignore ('path') zum routeProvider als Konfigurationsoption hinzu.

Answer 1

Als Abhilfe können anstelle der Verwendung href="#targetDivId", Twitter Bootstrap ermöglicht data-target="#targetDivId" als ein Attribut, das mein Problem gelöst.

Hier ist der Thread beschreibt das Problem: GitHub Issue

Answer 2

Sie den Umfang nutzen können zwischen den Laschen und der Scheibe unter Umgehung der Route verbinden:

<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>