title: How to give href for angularjs routes
body: <p>I am new to Angular.js and Im currently trying to learn about ngRoute, but its not displaying anything</p>
  
  <p>This is app.js config file</p>
  
  <pre><code>var app = angular.module('myApp',['ngRoute']);
  
  // configure our routes
    app.config(function($routeProvider) {
      $routeProvider
  
          // route for the home page
  
          .when('/', {
              templateUrl : 'index.html',
              controller  : 'mainController'
          })
  
          // route for the about page
          .when('/about', {
              templateUrl : 'bb.html',
              controller  : 'loginController'
          })
  
          // route for the contact page
          .when('/contact', {
              templateUrl : 'contact.html',
              controller  : 'contactController'
          });
  });
  </code></pre>
  
  <p>This is main index.html</p>
  
  <pre><code>    &lt;head&gt;
          &lt;link href="css/bootstrap.min.css" rel="stylesheet" media="screen" /&gt;
          &lt;link href="css/bootstrap-theme.min.css" rel="stylesheet" media="screen"/&gt;
      &lt;/head&gt;
  
          &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"&gt;&lt;/script&gt;
  
      &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.10/angular-route.min.js"&gt;&lt;/script&gt;
  
   &lt;body ng-app="myApp"&gt;
  
  
  &lt;h1&gt; User :{{user}}&lt;/h1&gt;
  
  
  &lt;a href="#about"&gt;
      about
  &lt;/a&gt;
  
  &lt;h1&gt;User :{{user}}&lt;/h1&gt;
  
      &lt;/html&gt;&lt;/body&gt;
  &lt;/html&gt;
  
      &lt;script src="app.js"&gt;&lt;/script&gt;
  
  &lt;script src="mainController.js"&gt;&lt;/script&gt;
  &lt;script src="loginController.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>These are my controllers</p>
  
  <pre><code>//mainController.js
       app.controller('mainController',function($scope, $http) {
  
        $scope.user = "user";
      });
  //loginController.js
    app.controller('loginController',function($scope, $http) {
  
  
      $scope.user = "user";
  
  });
  </code></pre>
  
  <p>This is </p>
  
  <p>When I click on about, it gives CANNOT GET /about, because it checks for node routes..How should I give the href for about?</p>