2013-10-08 3 views
0

Хотелось бы использовать шаблоны Twitter Bootstrap в другом приложении с угловыми углами. Заменил JS Bootstrap на Angular-UI, и все работает хорошо.Использование Angular with Twitter Шаблоны Bootstrap

За исключением кнопки «гамбургер», которая появляется, когда страница узкая, не работает. Напротив, раскрывающийся список, который появляется, когда страница широка, работает с угловым. Любое предложение?

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

Конкретно это эта кнопка. Есть ли директива, которую я должен включить, или директива, не включенная в Угловой интерфейс?

<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 и оригинальный Bootstrap 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 Bootstrap? Я думал, что все дело в том, чтобы не загружать jQuery и bootstrap.js. –

Смежные вопросы