0

想在其他 Angular 应用程序中使用 Twitter Bootstrap 模板。用Angular-UI替换了 Bootstrap 的 JS ，一切正常。

除了页面狭窄时出现的“汉堡包”按钮不起作用。相比之下，当页面很宽时出现的下拉菜单确实适用于 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>

4

1 回答 1

2

要使“汉堡”按钮起作用，即使使用 Angular-UI，您仍然需要包含 jQuery 和原始的 Bootstrap JS。

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

于 2013-10-08T21:21:15.760 回答