¿Cómo hacer múltiples vistas con Angular para admitir encabezado y barra lateral?
Estoy usando AngularJS por primera vez. He implementado con éxito un solong-view
en miindex.html
página que contiene unheader.html
modelo. Así se ve a continuación
Pero ahora estoy creando un tablero de instrumentos (dashboard.html
) Entonces, tengo un menú del lado izquierdo además deheader.html
así se ve así:
Mi index.html es similar a esto:
<div ng-include="'templates/header.html'"></div>
<div class="main" id="main-no-space" >
<div id="main-page">
<div id="wrapper" class="container">
<div class='container'>
<div ng-view></div>
</div>
</div>
</div>
<div ng-include="'templates/footer.html'">
Mi dashboard.html es similar a esto:
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li class="active">
<a ng-href="#/link1">Link 1</a>
</li>
<li>
<a ng-href="#/link2">Link 2</a>
</li>
<li>
<a ng-href="#/link3">Link 3</a>
</li>
</ul>
</div>