title: How to set bootstrap navbar active class with Angular JS?
body: <p>If I have a navbar in bootstrap with the items</p>
  
  <pre><code>Home | About | Contact
  </code></pre>
  
  <p>How do I set the active class for each menu item when they are active? That is, how can I set <code>class="active"</code> when the angular route is at </p>
  
  <ol>
  <li><code>#/</code> for home</li>
  <li><code>#/about</code> for the about page</li>
  <li><code>#/contact</code> for the contact page</li>
  </ol>