title: angularJS - Data is not displayed in unordered list
body: <p>I'm learning angularJS and have some simple example with 2 Views and Controller.
  My main page defines controller and route and displays views.
  View page should display text field, unordered list, adds new data to unordered list.
  Also, it should filter a <code>&lt;ul&gt;</code> based on what is typed in text field.
  However, it does everything except of filtering <code>&lt;ul&gt;</code></p>
  
  <p>Here is the code:
  Main Page:</p>
  
  <pre><code>&lt;body&gt;
  &lt;div&gt;
   &lt;div data-ng-view=""&gt;&lt;/div&gt;   
  &lt;/div&gt;
  &lt;script src="Scripts/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="Scripts/angular-route.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
      var demoApp = angular.module('demoApp', ['ngRoute']);
  
      demoApp.controller('SimpleController', function ($scope) {
          $scope.customers =
          [
              { name: 'Dave Jones', city: 'Phoenix' },
              { name: 'Jamie Riley', city: 'Atlanta' },
              { name: 'Heedy Wahlin', city: 'Chandler' },
              { name: 'Thomas Winter', city: 'Seattle' }
          ];
  
  
          $scope.addCustomer = function () {
              $scope.customers.push({ name: $scope.newCustomer.name, city: $scope.newCustomer.city });
          };
      });
  
          demoApp.config(function($routeProvider) {
          $routeProvider
                  .when('/view1', {
                      controller: 'SimpleController',
                      templateUrl: 'Views/View1.htm'
                  })
                  .when('/view2', {
                      controller: 'SimpleController',
                      templateUrl: 'Views/View2.htm'
                  })
                  .otherwise({
                      redirectTo: '/view1'
                  });
      });
  
  &lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>This is one of the views that should displays <code>&lt;ul&gt;</code>:</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 data-ng-repeat="cust in customers | 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" data-ng-model="newCustomer.name" /&gt;
      &lt;br /&gt;
      Customer City:&lt;br /&gt;
      &lt;input type="text" data-ng-model="newCustomer.city" /&gt;
      &lt;br /&gt;
      &lt;button data-ng-click="addCustomer()"&gt;Add Customer&lt;/button&gt;
      &lt;br /&gt;
      &lt;a href="#/view2"&gt;View2&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any ideas what I'm missing here?</p>
  
  <p>Thank's</p>