0

Angular アプリ内で Twitter Bootstrap テンプレートを使用したいと考えています。Bootstrap の JS をAngular-UIに置き換えたところ、すべてうまく機能しました。

ただし、ページが狭い場合に表示される「ハンバーガー」ボタンは機能しません。対照的に、ページが広い場合に表示されるドロップダウンは 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 に答える