Il routing angolare sovrascrive il comportamento di href utilizzato dai plug-in scheda tab e collapse

Question

Sto utilizzando twitter-bootstrap per schede e pannelli di compressione. Entrambi questi plugin funzionano su hrefs sovrascritti. A volte, non coerentemente, il routeprovider sovrascrive il comportamento tab/colla e cerca di usarlo come percorso.

Mi piacerebbe una soluzione per questo problema, ma hanno anche aggiunto come un problema sul github

Un paio di suggerimenti di implementazioni Soluzione:

1. Se Altrimenti non è previsto - do non toccare alcun percorso che non sia specificamente configurato.
2. aggiungere .ignore ('percorso') al routeProvider come opzione di configurazione.

Answer 1

Come soluzione alternativa, invece di utilizzare href="#targetDivId", Twitter Bootstrap consente data-target="#targetDivId" come attributo, che ha risolto il problema.

Ecco il filo che descrive il problema: GitHub Issue

Answer 2

È possibile utilizzare il campo di applicazione per la connessione tra le schede e il riquadro, bypassando il percorso:

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