Simple Twitter Bootstrap + jQuery + AngularJS menu selector
Doesn't work in a real app - I get a digest update problem. Seems that the digester keeps running...
by krimple
HTML
<link rel="stylesheet" href="http://angular-ui.github.com/angular-ui/build/angular-ui.css">
<script src="http://angular-ui.github.com/angular-ui/build/angular-ui.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css"
rel="stylesheet"></link>
<body ng-app>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Responsive Spring Quizzo! - UI Prototype</a>
<div
class="nav-collapse collapse">
<ul class="nav">
<li ng-class="{active: join-selected}"><a href="#/join" ng-click='{join-selected = true}'>Sign-in</a>
</li>
<li><a href="#/play">Play Game</a>
</li>
<li><a href="#/bye">End game</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>