title: Why this Angular code don't work?
body: <p>Now, i'm trying to understand how Angular.js working with "Angular.js in 60 Minutes" by Dan Wahlin. And i stuck with this code, which in browser must look like this: <a href="http://oi59.tinypic.com/25im4cy.jpg" rel="nofollow">http://oi59.tinypic.com/25im4cy.jpg</a></p>
  
  <p>My code:</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" ng-app="demoApp"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Angular.js&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div&gt;
          &lt;div ng-view&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;script type="text/javascript" src="angular.min.js"&gt;&lt;/script&gt;
  
      &lt;script&gt;
          var demoApp=angular.module('demoApp',[]);
  
          demoApp.config(function ($routeProvider) {
              $routeProvider
                  .when('/',
                  {
                      controller: 'SimpleController',
                      templateUrl: 'View1.html'   
                  })
                  .when('/view2',
                  {
                      controller: 'SimpleController',
                      templateUrl: 'View2.html'
                  })
                  .otherwise({redirectTo:'/'});
          });
  
          demoApp.controller('SimpleController', function ($scope){
              $scope.customers=[
                  {name:'Sam',city:'Moscow'},
                  {name:'Dan',city:'Dubna'},
                  {name:'Alex',city:'Dmitrov'}
              ];
  
              $scope.addCustomer= function(){ 
                  $scope.customers.push(
                      {
                          name: $scope.newCustomer.name, 
                          city: $scope.newCustomer.city
                      });
              };  
          });
      &lt;/script&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>View1.html</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;h2&gt;View 1&lt;/h2&gt;
      Name
      &lt;br/&gt;
      &lt;input type="text" data-ng-model="filter.name"/&gt;
      &lt;br/&gt;
      &lt;ul&gt;
          &lt;li ng-repeat="cust in customers | filter:filter.name | orderBy:'name"&gt;{{cust.name | uppercase}} - {{cust.city | lowercase}}&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;br/&gt;
      Customer name: &lt;br/&gt;    
      &lt;input type="text" ng-model="newCustomer.name"&gt;
      &lt;br/&gt;
      Customer city: &lt;br/&gt;
      &lt;input type="text" ng-model="newCustomer.city"&gt;
      &lt;br/&gt;
      &lt;button ng-click="addCustomer()"&gt;Add Customer&lt;/button&gt;
      &lt;br/&gt;
      &lt;a href="#/view2"&gt;View 2&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>View2.html</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;h2&gt;View 2&lt;/h2&gt;
      City
      &lt;br/&gt;
      &lt;input type="text" data-ng-model="city"/&gt;
      &lt;br/&gt;
      &lt;ul&gt;
          &lt;li ng-repeat="cust in customers | filter:city | orderBy:'name"&gt;{{cust.name | uppercase}} - {{cust.city | lowercase}}&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But, when i launch index.html in browser, there is nothing at all. Can somebody explain me what's the matter or, if you have already read this book, give me your version of code?</p>