¿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>

Respuestas a la pregunta(2)

Su respuesta a la pregunta