2012-11-12 7 views
8

Sekmeler ve dosya bölmeleri için twitter-bootstrap kullanıyorum. Bu eklentilerin ikisi de aşırı hrefs kapalı çalışır. Bazen - sürekli olarak, routeprovider sekme/daraltma davranışını geçersiz kılacak ve onu bir yol olarak kullanmaya çalışacaktır.Açısal yönlendirme, sekme ve daraltma panel eklentileri tarafından kullanılan href davranışını geçersiz kılar.

bu soruna yönelik bir çözüm isterdim, ama aynı zamanda geçici çözüm uygulamalarının Birkaç öneri github

bir sorun olarak ekledik:

  1. .Aksi takdirde sağlanmazsa - do Özel olarak yapılandırılmış olmayan herhangi bir rotaya dokunmayın.
  2. .ignProvider'a bir yapılandırma seçeneği olarak .ignore ('yol') ekleyin.

cevap

21
Çözüm olarak

yerine href="#targetDivId" kullanmak yerine, Heyecan Bootstrap sorunumu çözdü bir öznitelik olarak data-target="#targetDivId" verir. GitHub Issue

+1

teşekkür ederiz çözüm paylaşımı için

Burada konuyu açıklayan iplik var! –

+0

Ayrıca = "# çöküşü" class = "işaretçi" .. veri hedef> ... eklemek css: .Gösterici { imleci: pointer; } – GKislin

+0

# sembolünü dahil etmeyi unutmayın. data-target = "# targetDivId" –

2

Sen rotayı atlayarak sekmeler ve pano arasındaki bağlantı kapsam kullanabilirsiniz:

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

Varsayılan olarak nasıl bir sekme aktif yapabilirim? – akula1001

+0

'Etkin' sınıfını div'a eklersiniz. –

İlgili konular