title: ng-Route is not loading the view, a blank screen is displayed without any errors
body: <p>I am trying to creae an application in angular using ng-route but i cannot get it to work.</p>
  
  <p>I did search the issue and tried suggestions like to move my ng-app to  but nothing seems to work. </p>
  
  <p>I have added a plunker link below</p>
  
  <p><a href="http://plnkr.co/edit/a8VIRzloIMqANK4f8YXb?p=preview" rel="nofollow">http://plnkr.co/edit/a8VIRzloIMqANK4f8YXb?p=preview</a></p>
  
  <p>Can someone help</p>
  
  <p>adding the code here too </p>
  
  <p>index html </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html &gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
      &lt;meta name="viewport" content="width=device-width"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"&gt;
      &lt;script src="http://code.jquery.com/jquery-1.10.2.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="dist/ng-table.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="dist/ng-table.min.css"&gt;
      &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;link href="main.css" rel="stylesheet" /&gt;
      &lt;script type="text/javascript" src="app.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="DemoCtrl.js"&gt;&lt;/script&gt;
  
  
  &lt;/head&gt;
    &lt;body  ng-controller="DemoCtrl" ng-app="stockApp"&gt;
      &lt;header&gt;
  
      &lt;div class="blog-masthead"&gt;
        &lt;div class="container"&gt;
          &lt;nav class="blog-nav"&gt;
            &lt;h1 class="stockHeader"&gt;Stock App&lt;/h1&gt;
            &lt;a class="blog-nav-item pull-right" href="#/"&gt;Login&lt;/a&gt;
            &lt;a class="blog-nav-item pull-right" href="#/stock"&gt;Stock&lt;/a&gt;
            &lt;a class="blog-nav-item active pull-right" href="#/addTools"&gt;Add Tools&lt;/a&gt;
            &lt;/nav&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;/header&gt;
      &lt;div ng-view&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>var sampleApp = angular.module('stockApp', ['ngRoute']);
  sampleApp.config(['$routeProvider',
    function($routeProvider) {
      $routeProvider.
        when('/', {
          templateUrl: 'login.html',
          controller: 'DemoCtrl'
        }).
        when('/stock', {
          templateUrl: 'stockStatus.html',
          controller: 'DemoCtrl'
        }).
        when('/addTools', {
          templateUrl: 'addTools.html',
          controller: 'DemoCtrl'
        }).
        otherwise({
          redirectTo: '/'
        });
    }]);
  </code></pre>
  
  <p>DemoCtrl.js</p>
  
  <pre><code>var app = angular.module('stockApp', ['ngTable']).
  controller('DemoCtrl', function($scope) {
  $scope.stock="In Stock!"
  })
  </code></pre>
  
  <p>other than these have 3 partials.</p>