angular-scalable-boilerplate/public/views/nav.html

A scalable boilerplate for AngularJS 1.x using requirejs

<nav class="navbar navbar-inverse">
	<div class="container-fluid">
	<div class="navbar-header">
		<a href="#/" ui-sref="home" class="navbar-brand"><i class="fa fa-hand-spock-o"></i></a>
	</div>
	<ul class="nav nav-tabs">
		<li ui-sref-active="active"><a href="#/" ui-sref="home">home</a></li>
		<li ui-sref-active="active"><a href="#/section1" ui-sref="section1">Section 1</a></li>
		<li class="dropdown" uib-dropdown>
			<a href="#" class="dropown-toggle" uib-dropdown-toggle>Section 2 <span class="caret"></span></a>
			<ul class="dropdown-menu">
				<li ui-sref-active="active"><a href="#/section2" ui-sref="section2">Main</a></li>
				<li ui-sref-active="active"><a href="#/section2/sub/" ui-sref="section2.sub">Subsection</a></li>
			</ul>
		</li>
	</ul>
</nav>