title: How to load html inside a div on menu click using angular?
body: <p>I am new to angular, i have a menu and a container, when the user click the menu item i want the view to change dynamically. I have followed some samples but din't work. Here is my code,</p>
  
  <p><strong>1.Index.html
  2.Dashboard.html</strong></p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code> &lt;ul id="side-menu" class="nav"&gt;
      &lt;div class="clearfix"&gt;&lt;/div&gt;
        &lt;li class="active" ng-click="template='dashboard.html'"&gt;&lt;a href=""&gt;
             &lt;div class="icon-bg bg-orange"&gt;&lt;/div&gt;
         &lt;span class="menu-title"&gt;Dashboards&lt;/span&gt;
         &lt;/a&gt;
        &lt;/li&gt;
  </code></pre>
  
  <p><strong>app.js:</strong></p>
  
  <pre><code>var app = angular.module('Digin',[]);
  </code></pre>
  
  <p>Here is the div:</p>
  
  <pre><code>&lt;div class="page-content" ng-include src="template"&gt;
  &lt;/div&gt;
  </code></pre>