title: Simple routing views
body: <p>I am just starting study Angular and trying example from book, but my simple routing doesn't work.</p>
  
  <p><strong>I have updated code as was recommended in the answers</strong></p>
  
  <p>Here is index.html:</p>
  
  <pre><code>&lt;html ng-app="airline"&gt;
  &lt;head&gt;
      &lt;title&gt;Demo&lt;/title&gt;
      &lt;script type="text/javascript" src="js/lib/angular.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/lib/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/lib/angular-resource.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
  
      &lt;script type="text/javascript" src="js/app.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/controllers/app.js"&gt;&lt;/script&gt; 
  &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;div class="container" ng-controller="AppCtrl"&gt;
          &lt;h1&gt;AngulAir&lt;/h1&gt;
  
          &lt;div ng-view&gt;&lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is app.js:</p>
  
  <pre><code>angular.module('airline', ['ngRoute'])
      .config(airlineRouter);
  
  function airlineRouter ($routeProvider) {
      info('1');
      $routeProvider
          .when('/', {template: '&lt;h3&gt;test&lt;/h3&gt;'})
  };
  </code></pre>
  
  <p>When I refresh the page I don't have 'test' in the browser and don't have alert message.  Why ?  What I am missing ?</p>
  
  <p><strong>Update</strong></p>
  
  <p>Here is a full code example:  <a href="https://github.com/demas/ang_test" rel="nofollow">https://github.com/demas/ang_test</a></p>