title: AngularJS Routed Page Not Showing
body: <p>So quick question I've been looking at this code for awhile but cannot find why, it just gives me the output on the page</p>
  
  <pre><code>Partials/View1.html
  </code></pre>
  
  <p>I'm not trying to just post here whenever I run into some small issue but this has been baffling me for awhile now, and I get no errors on the console. I run the code from <a href="http://plnkr.co/edit/sN9TagVBOdX3mkrxaTiu?p=preview" rel="nofollow">http://plnkr.co/edit/sN9TagVBOdX3mkrxaTiu?p=preview</a>, mentioned on another post and it works fine, but I don't get the right output from this. The following is the index.html (the main page)</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="demoApp"&gt;
  &lt;head&gt;
  &lt;/head&gt; 
  &lt;body&gt;
      &lt;div ng-view&gt;&lt;/div&gt;
  
  
          &lt;script src="angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script src="scripts.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>My script look likes: </p>
  
  <pre><code>var demoApp = angular.module('demoApp', ['ngRoute']);
  
              demoApp.config(function($routeProvider) {
              $routeProvider
                  .when('/',
                        {
                          controller: 'SimpleController',
                          template: 'Partials/View1.html'
                        })
                  .when('/partial2',
                       {
                          controller: 'SimpleController',
                          template: 'Partials/View2.html'
                      })
                  .otherwise({ redirectTo: '/'});
           } );
  
      demoApp.controller('SimpleController', function ($scope) {
          $scope.customers = [
              {name: 'John Smith', city: 'Phoenix'},
              {name: 'Jane Doe', city: 'New York'},
              {name: 'John Doe', city: 'San Francisco'}
          ];
  
          $scope.addCustomer = function() {
              $scope.customers.push({ 
                  name: $scope.newCustomer.name,
                  city: $scope.newCustomer.city
  
              });
          }
      });
  </code></pre>
  
  <p>And I don't get what is supposed to be shown from the view1.html, I just get what I showed up above. This is the 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" ng-model="filter.name"&gt;
  &lt;br&gt;
  &lt;ul&gt;
      &lt;li ng-repeat="cust in customers | filter:filter.name | orderBy: 'city'"&gt;{{ cust.name }} - {{ cust.city }}&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;br&gt;
  Customer name: &lt;br&gt;
  &lt;input type="text" ng-model="newCustomer.name"&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>