title: ngview not working AngularJS
body: <p>I am trying to learn AngularJS and am having some trouble with my first app. I want to use ng-view to assign html files to different links, but nothing happens when I click the link. I must be missing something.</p>
  
  <p><strong>index.html</strong> </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en" ng-app="customerApp" ng-controller="customerControllers" &gt;
  &lt;head&gt;
  &lt;title&gt;Customer Demo App&lt;/title&gt;
    &lt;script src="lib/angular/angular.js"&gt;&lt;/script&gt;
    &lt;script src="lib/angular/angular-route.js"&gt;&lt;/script&gt;
    &lt;script src="js/app.js"&gt;&lt;/script&gt;
      &lt;script src="js/controllers.js"&gt;&lt;/script&gt;               
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;ul class="nav"&gt;
          &lt;li&gt;&lt;a href="#/CustomerList"&gt; List Customers &lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#/CustomerForm"&gt; Add/Edit Customer &lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div ng-view&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>js/app.js</strong></p>
  
  <p>/* App Module */</p>
  
  <pre><code>var customerApp = angular.module('customerApp', ['ngroute', 'customerControllers' ]);
  
  customerApp.config([$routeProvider,
          function ($routeProvider) {
              $routePRovider.
              when('/CustomerForm',{
                  templateUrl: 'partials/customer-form.html',
                  controller: 'customerCtrl'
              }).
              when('/CustomerList',{
                  templateUrl: 'partials/customer-list.html',
                  controller: 'customerLstCtrl'
              }).
              otherwise({
                  redirectTo: '/CustomerForm'             
              });
          }]);
  </code></pre>
  
  <p><strong>js/controller.js</strong></p>
  
  <pre><code>customerApp.controller('customerCtrl', ['$scope', function($scope) {
  
      $scope.heading = 'Add / Edit Customer';
  
  });
  
  
  customerApp.controller('customerLstCtrl', ['$scope', function($scope) {
  
      $scope.heading = 'Customer List';
  
  });
  </code></pre>
  
  <p><strong>partials/customer-form.html</strong></p>
  
  <pre><code>&lt;h1&gt;{{heading}}&lt;/h1&gt;
  
  &lt;div&gt;
      &lt;form&gt;
          &lt;label&gt;Name&lt;/label&gt;
          &lt;input type="text" ng-model="customer.name" /&gt;&lt;/br&gt;
          &lt;lablel&gt;Email&lt;/lablel&gt;
          &lt;input type="text" ng-model="customer.email"/&gt;&lt;/br&gt;
          &lt;label&gt;Telephone&lt;/label&gt;
          &lt;input type="text" ng-model="customer.phone"/&gt;&lt;/br&gt;
          &lt;label&gt;Address&lt;/label&gt;
          &lt;label&gt;Street&lt;/label&gt;
          &lt;input type="text" ng-model="customer.street" /&gt;&lt;/br&gt;
          &lt;label&gt;City&lt;/label&gt;
          &lt;input type="text" ng-model="customer.city"/&gt;&lt;/br&gt;
          &lt;label&gt;State&lt;/label&gt;
          &lt;input type="text" ng-model="customer.state"/&gt;&lt;/br&gt;
          &lt;label&gt;Zip&lt;/label&gt;
          &lt;input type="text" ng-model="customer.zip"/&gt;&lt;/br&gt;
      &lt;/form&gt;
  
      &lt;/p&gt;{{customer}}&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>partials/customer-list.html</strong></p>
  
  <pre><code>&lt;h1&gt;{{heading}}&lt;/h1&gt;
  </code></pre>