2013-10-08 29 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。 –