I'm using AngularJS for the first time. I've successfully implemented a single `ng-view` in my `index.html` page which contains a `header.html` template. So it looks like below

![enter image description here](https://i.stack.imgur.com/f1NEy.png)

But now I'm creating a dashboard (`dashboard.html`). So, I have a left side menu in-addition to `header.html` so it looks like this:

![enter image description here](https://i.stack.imgur.com/uRlVM.png)

My index.html is similar to this:

```
<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'">

```

My dashboard.html is similar to this:

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

```