Question

我正在使用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';

});

Answer 1

你注入$ routeProvider

请确保您已加载：

角route.js

CDN：

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

当你加载时，那么

使用ngRoute

为您的应用添加依赖关系

angular.module（＆＃39; app＆＃39;，[＆＃39; ngRoute＆＃39;]）;

Answer 2

首先，您必须按照以下方式在角度模块中注入“ngRoute”：

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

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

这将解决您的问题

Answer 3

您的模块缺少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>

希望这对你有所帮助。

Answer 4

我对另一个有类似错误的案例的回答，如果你没有找到它的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>

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

4 个答案: