2016-08-04 63 views
0

我與AngularJS開始一個盒子,我想知道爲什麼有引導和Angularjs之間的衝突,當我嘗試只需打開這樣的一個盒子:打開與引導和Angularjs不工作

鏈接:

<a class="btn btn-primary" role="button" data-toggle="collapse" href="#open-baggage-box" aria-expanded="false" aria-controls="open-baggage-box">Add Now</a> 

盒:

<div id="open-baggage-box" class="collapse add-price-section"> 
     <div class="open-holder"> 
      <div class="container"> 
      </div> 
     </div> 
    </div> 

它實際上不工作,我不不知道爲什麼。謝謝

回答

1

由於角模板通常是動態加載的,因此引導程序可以在呈現之前查找摺疊元素。

如果您想在AngularJS中使用Bootstrap UI元素,我推薦使用UI Bootstrap,它將它們實現爲Angular指令。

在你的情況下,collapse directive將完成這項工作:)

+0

Thanks @Marcin。如果我不想使用bootstrap ui,應該使用什麼? – maevy

+0

@maevy我認爲你沒有那麼多的選擇。你可以隨時編寫你自己的指令來模擬這種行爲(你也可以從引導UI源中提取這個指令並在你的項目中使用它)。 Angular經常會發生這樣的情況:如果你希望一切都能順利運行(特別是基於jQuery的東西),你必須使用直接爲Angular創建的庫。 –