title: Unhandled exception in anjular.min.js
body: <p>I am using angularjs to make a MVC web application...But it gives an error when i'm opening it on internet explorer... But I don't receive an error in other browsers and views are not loading either when click on the links.</p>
  
  <p><strong>This is the error received in Internet Explorer</strong></p>
  
  <pre><code>Unhandled exception at line 33, column 487 in //localhost:18012/Scripts/angular.min.js
  
  0x800a139e - JavaScript runtime error: [$injector:modulerr] http://errors.angularjs.org/1.2.27/$injector/modulerr?p0=sampleApp&amp;p1=Error%3A%20%5B%24injector%3Aunpr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.2.27%2F%24injector%2Funpr%3Fp0%3D%2524routeProvider%0A%20%20%20at%20Anonymous%20function%20(http%3A%2F%2Flocalhost%3A18012%2FScripts%2Fangular.min.js%3A36%3A196)%0A%20%20%20at%20c%20(http%3A%2F%2Flocalhost%3A18012%2FScripts%2Fangular.min.js%3A34%3A273)%0A%20%20%20at%20d%20(http%3A%2F%2Flocalhost%3A18012%2FScripts%2Fangular.min.js%3A34%3A487)%0A%20%20%20at%20Anonymous%20function%20(http%3A%2F%2Flocalhost%3A18012%2FScripts%2Fangular.min.js%3A33%3A386)%0A%20%20%20at%20r%20(http%3A%2F%2Flocalhost%3A18012%2FScripts%2Fangular.min.js%3A7%3A288)%0A%20%20%20at%20e%20(http%3A%2F%2Flocalhost%3A18012%2FScripts%2Fangular.min.js%3A33%3A207)%0A%20%20%20at%20ec%20(http%3A%2F%2Flocalhost%3A18012%2FScripts%2Fangular.min.js%3A36%3A307)%0A%20%20%20at%20c%20(http%3A%2F%2Flocalhost%3A18012%2FScripts%2Fangular.min.js%3A18%3A168)%0A%20%20%20at%20dc%20(http%3A%2F%2Flocalhost%3A18012%2FScripts%2Fangular.min.js%3A18%3A380)%0A%20%20%20at%20Wc%20(http%3A%2F%2Flocalhost%3A18012%2FScripts%2Fangular.min.js%3A17%3A415)
  </code></pre>
  
  <p>I have attached my angular model below. Please help me to solve this.</p>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>//Define an angular module for our app
  
      var sampleApp = angular.module('sampleApp', []);
  
      sampleApp.config(['$routeProvider',
      function ($routeProvider) {
        $routeProvider.
  
          when('/', {
              templateUrl: 'templates/homeContent.html',
              controller: 'AddOrderController'
          }).
  
          when('/AddNewOrder', {
              templateUrl: 'templates/add_order.html',
              controller: 'AddOrderController'
          }).
  
          when('/ShowOrders', {
              templateUrl: 'templates/show_orders.html',
              controller: 'ShowOrdersController'
          }).
  
          when('/players', {
              templateUrl: 'templates/playersMen.html',
              controller: 'ShowOrdersController'
          }).
          otherwise({
              redirectTo: '/'
          });
    }]);
  
  
  sampleApp.controller('AddOrderController', function ($scope) {
  
      $scope.message = 'This is Add new order screen';
  
  });
  
  
  sampleApp.controller('ShowOrdersController', function ($scope) {
  
      $scope.message = 'This is Show orders screen';
  
  });
  </code></pre>