javascript - angular.min.js 中未处理的异常

Question

我正在使用 angularjs 制作 MVC Web 应用程序...但是当我在 Internet Explorer 上打开它时它会出现错误...但我在其他浏览器中没有收到错误并且 View 也没有加载当点击链接时。

这是 Internet Explorer 中收到的错误

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&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)

我在下面附上了我的 Angular 模型。请帮我解决这个问题。

app.js

//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';

});

Answer 1

你正在注入(inject)$routeProvider

请确保您已加载:

angular-route.js

cdn:

https://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular-route.js

当你加载时，然后

使用 ngRoute 添加对应用的依赖

angular.module('app', ['ngRoute']);