title: $routeProvider in AngularJs is not Working
body: <p>I'm using angularJs and new to it. I'm facing problem in $routeProvider.</p>
  
  <p>Thanks in advance if someone may help me :)</p>
  
  <p>when i see in firebug it show reference not set for $routeProvider. </p>
  
  <p>here is my code..</p>
  
  <h2>main.html.</h2>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" ng-app="demoApp"&gt;&lt;!--you can use  data-ng-app directive also--&gt;
  &lt;head&gt;
  &lt;title&gt;Using Directive With DataBinding&lt;/title&gt;
  &lt;script src="Scripts/angular.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      //var demoApp = angular.module('demoApp', ['helperModule']);
      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: '/' });
      });
      var controllers = {};
      controllers.SimpleController = function ($scope) { // here $scope is dependency injection
          $scope.customers = [
              { name: 'Sombir', city: 'Rohtak' },
              { name: 'Surender', city: 'Hissar' },
              { name: 'Virender', city: 'Panipat' },
              { name: 'Kapil', city: 'Jhajjar' }
          ];
          $scope.addCustomer = function() {
              $scope.customers.push(
              {
                  name: $scope.newCustomer.name,
                  city: $scope.newCustomer.city   
              });
          };
      };
      demoApp.controller(controllers);
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div&gt;
      &lt;div data-ng-view=""&gt;&lt;!--PlaceHolder for views--&gt;&lt;/div&gt;
  &lt;/div&gt;    
  &lt;/body&gt;
  &lt;/html&gt;
  
  
  View1.html
  -----------------
  
  &lt;div class="container"&gt;
      Name:
      &lt;input type="text" ng-model="filter.name" /&gt;&lt;!--you can use data-ng-model directive also--&gt;
  
      &lt;h3&gt;Adding A simple Controller --View1&lt;/h3&gt;
      &lt;ul&gt;
          &lt;li data-ng-repeat="cust in customers | filter:filter.name | orderBy:'city'"&gt;{{cust.name | uppercase}}---{{cust.city}}&lt;/li&gt;
      &lt;/ul&gt;
      &lt;br/&gt;
      Customer Name:
      &lt;input type="text" ng-model="newCustomer.name"/&gt;
      Customer City:
      &lt;input type="text" ng-model="newCustomer.city" /&gt;
      &lt;br/&gt;
      &lt;button ng-click="addCustomer()"&gt;Add Customer&lt;/button&gt;
      &lt;a href="#/View2"&gt;View2&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>