2013-10-08 28 views
0

想要在其他Angular應用程序中使用Twitter Bootstrap模板。用Angular-UI代替Bootstrap的JS,並且一切正常。使用Angular與Twitter引導程序模板

除了頁面縮小時出現的「漢堡包」按鈕不起作用。相比之下,頁面廣泛時出現的下拉菜單適用於Angular。任何建議?

http://jsfiddle.net/user645715/EJ3P7/

特別是它的這個按鈕。是否有我應該包含的指令,或者是否包含在Angular UI中的指令?

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 

回答

2

爲了得到「漢堡包」按鈕來工作,你仍然需要包括jQuery和原來的引導JS甚至採用了棱角分明的UI時。

<script src="http://codeorigin.jquery.com/jquery-2.0.3.min.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.1.1/angular.min.js"></script> 
<script src="https://rawgithub.com/angular-ui/bootstrap/1c231e4f41fd5030de26c754754a3e4860ad30c7/ui-bootstrap-tpls-0.6.0.min.js"> 
</script> 

http://jsfiddle.net/stmcallister/zwCn4/3/

+0

那麼什麼是角UI引導的*點*?我認爲整個觀點是避免加載jQuery和bootstrap.js。 –