title: Angularjs ng-view not showing data
body: <p>I am learning Angularjs from Tuts+ Easier JavaScript Apps with AngularJS tutorial. Now I am at the part where they discussed Routing Primer using ng-view. I am trying to show the list page contents in ng-view of index page. For some reason nothing is shown when I load index.html. I found from searching that From angular 1.2.0, ngRoute has been moved to its own module. I have to load it separately and declare the dependency. But still I can't show anything from my list page.</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="myApp"&gt;
    &lt;head&gt;
    &lt;title&gt;Angular App&lt;/title&gt;
      &lt;script src="js/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div ng-controller="Ctrl"&gt;
        &lt;div ng-view&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>list.html</p>
  
  <pre><code>&lt;h3&gt;List&lt;/h3&gt;
  &lt;ul&gt;
      &lt;li ng-repeat="contact in contacts"&gt;
        &lt;a href="#"&gt;{{contact.name}}&lt;/a&gt;: {{contact.number}}
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>    var app = angular.module('myApp', ['ngRoute']);
  
      app.config(function($routeProvider) {
          $routeProvider.when('/', {
              templateUrl: 'list.html',
              controller: 'Ctrl'
          });
      });
  
      app.controller('Ctrl', function($scope){
          $scope.contacts = [
              { name: 'Shuvro', number: '1234' },
              { name: 'Ashif', number: '4321' },
              { name: 'Anik', number: '2314' }
          ];
      });
  </code></pre>