繁体   English   中英

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

[英]Unhandled exception in anjular.min.js

我正在使用angularjs制作MVC Web应用程序...但是当我在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)

我在下面附加了我的角度模型。 请帮我解决这个问题。

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

});

你注入$ routeProvider

请确保您已加载:

angular-route.js

CDN:

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

当您加载时,

使用ngRoute为您的应用添加依赖项

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

首先,您必须以以下方式在角度模块中注入“ ngRoute”:

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

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

这样可以解决您的问题

您的模块缺少ngRoute依赖关系。请确保首先添加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>

希望这对您有帮助。

我对另一个类似错误的案例的回答,如果您没有找到它的VS2015 US线:在platformOverrides.js之后引用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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM