2016-07-30 2 views
1

Я получаю эту ужасную ошибку:Uncaught Ошибка: Угловая даже после загрузки нг маршрута

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module usersApp due to: 
Error: [$injector:modulerr] Failed to instantiate module ngRoute due to: 
Error: [$injector:nomod] Module 'ngRoute' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 

Не уверен, что я делаю неправильно: app.js:

(function() { 

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

    app.config(['$routeProvider', function ($routeProvider) { 

     var viewBase = '/'; 

     $routeProvider 
      .when('/users', { 
       controller: 'MainController', 
       templateUrl: viewBase + 'users/users.html', 
       controllerAs: 'vm' 
      }) 
      .when('/add', { 
       controller: 'OrdersController', 
       templateUrl: viewBase + 'add/orders.html' 
      }) 
      .otherwise({ redirectTo: '/users' }); 

    }]); 


}()); 

индекс. html:

<html> 
    <head> 
    <title>My Angular App!</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> 

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script> 

    <script src="app.js"></script> 
    </head> 
    <body ng-app="usersApp" ng-controller="MainCtrl"> 
    <h1>uSers</h1> 
    <div ng-repeat="user in users" ng-click="getUsers()" style="background: black; padding: 5px; min-width: 25px; color: white;"> 
    {{user}} 
    </div> 
    </body> 
</html> 

Спасибо за любую помощь, которую вы можете предоставить!

+0

пожалуйста, вы можете использовать версию 1.5.8 в угловом маршрут –

+0

<сценарий SRC = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/ angular.min.js "> –

ответ

2

Вы забыли включить angular-route. Кроме того, не нужно загружать 2 разных версии угловых. изменить основной HTML для этого:

<html> 
    <head> 
    <title>My Angular App!</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-route.min.js"></script> 

    <script src="app.js"></script> 
    </head> 
    <body ng-app="usersApp" ng-controller="MainCtrl"> 
    <h1>uSers</h1> 
    <div ng-repeat="user in users" ng-click="getUsers()" style="background: black; padding: 5px; min-width: 25px; color: white;"> 
    {{user}} 
    </div> 
    </body> 
</html> 
+0

Спасибо, это решило мою проблему! –

1

вам не хватает, чтобы включить angular.route.js в index.html

+0

Не могли бы вы показать мне, как включить его? Я думал, что этот скриптовый тег включал его: ' ' –

+0

+0

Путь, который вы указали, является локальным –

Смежные вопросы