title: How/when to use ng-click to call a route?
body: <p>Suppose you are using routes:</p>
  
  <pre><code>// bootstrap
  myApp.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
  
      $routeProvider.when('/home', {
          templateUrl: 'partials/home.html',
          controller: 'HomeCtrl'
      });
      $routeProvider.when('/about', {
          templateUrl: 'partials/about.html',
          controller: 'AboutCtrl'
      });
  ...
  </code></pre>
  
  <p>And in your html, you want to navigate to the about page when a button is clicked.  One way would be </p>
  
  <pre><code>&lt;a href="#/about"&gt;
  </code></pre>
  
  <p>... but it seems ng-click would be useful here too.</p>
  
  <ol>
  <li>Is that assumption correct?  That ng-click be used instead of anchor?</li>
  <li>If so, how would that work?  IE: </li>
  </ol>
  
  <p><code>&lt;div ng-click="/about"&gt;</code></p>