title: angular route not working, throw page not found error
body: <p>in index.html</p>
  
  <pre><code>&lt;script src="lib/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="lib/angular-route.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>controller</p>
  
  <pre><code>angular.module("testCtrl",[]).controller('TestController', ["$scope", function($scope) {
      $scope.Myname = "my first route";
  }]);
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>var app = angular.module('testApp',["ngRoute", "testCtrl"]);
  
  app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
      $routeProvider
  
          .when("/",{
              templateUrl: "Views/main.html"
          })
          .when("/details",{
              templateUrl: "Views/details.html",
              controller : TestController
          })
          .otherwise({
              redirectTo : "/"
          });
  }]);
  </code></pre>
  
  <p>my homepage loads fine but with some reason /details show error like --- No webpage was found for the web address: <a href="http://127.0.0.1:8080/details" rel="nofollow">http://127.0.0.1:8080/details</a> </p>
  
  <p>I am new to angular and I am learning. I am not able to understand whats wrong ..do we have any tools to debug route error? I am using angular 1.5.8 version for now.</p>
  
  <p>server console - "GET /details" Error (404): "Not found"</p>