anjular.min.js 中未处理的异常

Question

我正在使用 angularjs 制作 MVC 网络应用程序...但是当我在 Internet Explorer 上打开它时出现错误...但我在其他软件中没有收到错误单击链接时，浏览器和视图也未加载。

这是 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

你正在注入 $routeProvider

请确保您已加载：

angular-route.js

cdn:

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

当你加载时，

使用 ngRoute

向您的应用添加依赖项

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

Answer 2

首先你必须在你的 angular 模块中注入 'ngRoute' 方式：

     var sampleApp = angular.module('sampleApp', ['ngRoute']);

另一件事是在您的 index.html 文件中包含 angular-route.js

这将解决您的问题

Answer 3

你的模块缺少 ngRoute dependency.Make 确保先添加 angular-route.min.js 然后在你的应用程序中添加 ngRoute 依赖项

您的应用应如下所示。

var sampleApp = angular.module('sampleApp', ['ngRoute']);

在 angular.min.js

之后添加对 html 的脚本引用

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular-route.js"></script>

希望对您有所帮助。

Answer 4

我对另一个有类似错误的案例的回答，如果你没有VS2015 US 将找到它的代码：在platformOverrides.js[=15 之后引用Angular =]

<body> <div class="app"> <p id="deviceready" class="event">Connecting to Device</p> </div> <script type="text/javascript" src="cordova.js"></script> <script type="text/javascript" src="scripts/platformOverrides.js"</script> <script src="angular/angular.js"></script> <script type="text/javascript" src="scripts/index.js"></script> </body>

anjular.min.js 中未处理的异常

Unhandled exception in anjular.min.js

javascript

jquery

angularjs