Блог

Главная - Вопросы по программированию - Не удается внедрить зависимость ngRoute в Angular

Не удается внедрить зависимость ngRoute в Angular

#javascript #angularjs #angular-routing

#javascript #angularjs #angular-маршрутизация

Вопрос:

Кажется, я не могу создать простой угловой маршрут в моем текущем приложении, поскольку он обрабатывает следующую ошибку: ошибка Uncaught: [$injector:modulerr]

Я уже внедрил ngRoute в качестве зависимости в свой модуль, а также добавил angular-route.js скрипт в моем HTML-файле. Моя текущая версия Angular — 1.2.25, так что это сценарий angular-route.

HTML

 <html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>ACME App</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
    <script src="js/controllers.js"></script>
  </head>
  <body ng-app="init">
    <a ng-href="#main">sup</a>
    <ng-view></ng-view>
  </body>
</html>

controllers.js

 var app = angular.module("init", ["ngRoute"]);

app.config('$routeProvider', function($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl : "templates/main.html"
    });
});

templates/main.html

 <h1>Main Page</h1>

Ответ №1:

Я думаю, что вы пропустили [ ] 

 app.config(['$routeProvider', function($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl : "templates/main.html"
    });
}]);