title: Making menu item active onclick in angularjs
body: <p>I have side menu bar, where i used ng-repeat to display items in the list.</p>
  
  <pre><code>&lt;div class="list-group" style="height:50px"&gt;
   &lt;span href="#" class="list-group-item active"&gt;
            Inbox
        &lt;/span&gt;
        &lt;div ng-repeat="record in inboxlist.Result"&gt;
            &lt;a  class='list-group-item'  ng-click="viewDates($index);"&gt;{{record.customer_name}}&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>I want to highlight the item on click.I am beginner could someone guide me on how to achive this effect.thanks in advance.</p>