angular-scalable-boilerplate/public/section2/views/section2_main.html

A scalable boilerplate for AngularJS 1.x using requirejs

<div class="container">
	<div class="row">
		<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">Section navigation</h3>
				</div>
				<ul>
					<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>
				<p>{{navText}}</p>
				<button ng-click="addMe()">Add 1</button>
				<p>Value: {{addVal}}</p>
			</div>
		</div>
		<div class=" col-lg-9 col-md-9 col-sm-9 col-xs-9">
			<article ui-view="innerContent" class="panel panel-default">
				<div class="panel-heading"><h3 class="panel-title">Section 2 main page</h3></div>
				<div class="panel-body">
					<p>{{sectionText}}</p>					
				</div>

			</article>
		</div>
	</div>
</div>