title: related to angularJS routing why routing not working properly
body: <p>I am trying to create a single page application demo for practice.I have stored all three html files in same folder. I tried to give whole path of pages.I tried giving container ng-view /ng-view. I am using brackets editor for this. Change in url can be seen but it is not displaying contents from html pages Login.html and About.html in container ng-view.Please help..    my code is here:</p>
  
  <pre><code>  &lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"&lt;/script&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route/angular-route.min.js"&gt;&lt;/script&gt;
           &lt;script&gt;
                  var app = angular.module("myApp", ["ngRoute"]); 
                  app.config(function($routeProvider) 
                      {
                      $routeProvider
                      .when("/", {
                          templateUrl : "/Index.html"
                      })
                      .when("/red", {
                          templateUrl : "/Login.html"
                      })
                      .when("/green", {
                          templateUrl : "/About.html"
                      });
                      });
  
          &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body ng-app="myApp"&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="#!/"&gt;Main&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#!/red"&gt;Red&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#!/green"&gt;Green&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;p&gt;Click on the links.&lt;/p&gt;
  
  &lt;p&gt;This example uses the ng-view directive as an attribute to a DIV element.&lt;/p&gt;
      &lt;div ng-view&gt; &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>