title: Ng-View is not displaying data
body: <p>I am learning Angular JS. I am trying to learn single page application but ng-view is not showing any data. There is no error in the console.</p>
  <p>My Home Page :</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app=&quot;RouteApp&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/angularjs/1.2.28//angular-route.min.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;JavaScript.js&quot;&gt;&lt;/script&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css&quot; integrity=&quot;sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T&quot; crossorigin=&quot;anonymous&quot;&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      
      &lt;nav class=&quot;navbar navbar-expand-lg navbar-light bg-light&quot;&gt;
          &lt;div class=&quot;container-fluid&quot;&gt;
              
                  &lt;a class=&quot;navbar-brand&quot; href=&quot;#!&quot;&gt;AnjularJS&lt;/a&gt;
             
              &lt;div class=&quot;nav navbar-nav navbar-right&quot;&gt;
                  &lt;a class=&quot;nav-link&quot; href=&quot;#/First&quot;&gt;First Page&lt;/a&gt;
                  &lt;a class=&quot;nav-link&quot; href=&quot;#/Second&quot;&gt;Second Page&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
      
  
      &lt;div class=&quot;container&quot;&gt;
          &lt;div ng-view&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>First.html</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;h1&gt;This is first!&lt;/h1&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Second.html</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;h1&gt;This is second!&lt;/h1&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Controller</p>
  <pre><code>var RouteApp = angular.module('RouteApp', ['ngRoute']);
  
  RouteApp.config(function ($routeProvider) {
      $routeProvider.when('First', {
          templateUrl: 'First.html',
          controller : 'CtrFive'
      })
          .when('Second', {
              templateUrl: 'Second.html',
              controller: 'CtrSix'
          })
  });
  
  RouteApp.controller('CtrFive', ['$scope', function ($scope) {
     
  }]);
  
  RouteApp.controller('CtrSix', ['$scope', function ($scope) {
  
  }]);
  </code></pre>
  <p>I am just trying to display a 2 simple html pages into the third page. Please let me know what I have missed in this code. Thank you.</p>