AngularJS: Ошибка: $ injector: unpr в простом скрипте

Я сделал это руководство, в котором работает код, и я попытался сделать это самостоятельно. Но, к сожалению, это не сработает. Это дает эх следующее сообщение об ошибке:

angular.min.js:84Error: [$injector:unpr] http://errors.angularjs.org/1.2.9/$injector/unpr?p0=%24templateRequestProvider%20%3C-%20%24templateRequest%20%3C-%20%24route%20%3C-%20ngViewDirective 
at Error (native) 
at http://portfolio2.gerbenboersma.com/lib/angular.min.js:6:449 
at http://portfolio2.gerbenboersma.com/lib/angular.min.js:32:125 
at Object.c [as get] (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:200) 
at http://portfolio2.gerbenboersma.com/lib/angular.min.js:32:193 
at c (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:200) 
at Object.d [as invoke] (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:417) 
at http://portfolio2.gerbenboersma.com/lib/angular.min.js:32:211 
at c (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:200) 
at Object.d [as invoke] (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:417)

Я знаю, эта ошибка была размещена здесь чаще, но большинство из них имеет дело с более сложным кодом, чем мой, и это, кажется, не применяется.

Учебник загружается прямо здесь, в рабочем состоянии, что я следую: http://gerbenboersma.com/sites/AngularTests/

И мой собственный код почти похож на него, в моей последней версии я даже использовал все те же имена. Вот оно:

<!doctype html> 
<html lang="en" ng-app="myApp"> 
<head> 
    <title>Gerben Boersma | Portfolio | 2016</title> 
    <link rel="stylesheet" href="css/styles.css"> 
    <script src="lib/angular.min.js"></script> 
    <script src="lib/angular-route.min.js"></script> 
    <script src="js/works.json"></script> 
    <script src="js/controllers.js"></script> 
    <script src="js/app.js"></script> 
</head> 
<body> 
<div class="outer-content"> 
    <div class="green-bar"></div> 
    <div class="content" ng-view> 
    </div> 
</div> 
</body> 
</html>

И controllers.js:

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

artistControllers.controller('ListController', ['$scope', '$http', function($scope, $http) { 
    $http.get('js/works.json').success(function(data) { 
    $scope.works = data; 
    $scope.artistOrder = 'name'; 
    }); 
}]);

И app.js:

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

myApp.config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
    when('/list', { 
    templateUrl: 'partials/list.html', 
    controller: 'ListController' 
    }). 
    otherwise({ 
    redirectTo: '/list' 
    }); 
}]);

Я смотрел на эти куски слишком долго, и это ISN даже так много. Но я не могу найти проблему. Согласно ссылке AngularJS Error, может быть что-то не так с тем, как я назвал вещи, но в этих последних версиях я даже не изменил имена из оригинальных примеров учебников, которые, похоже, работают очень хорошо. Надеюсь, кто-то может пролить свет на это.

источник

2016-10-04 GeirrBenayahu

проверка угловых и угловых маршрутные версии .. они могут быть противоречивыми ... –

Вы используете угловой 1.2.9 вместе с новым угловым маршрутом 1.5.8, это вызывает упоминаемую проблему, просто используйте угловой 1.5.8 вместо 1.2.9, я создал плункер: http://plnkr.co/edit/szCGtnZQsXYFkTrjBNZZ?p=preview, попробуйте раскомментировать 1.2.9 и комментарии 1.5.8 версии угловатый, и проблема будет повторен

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.js"></script> 
<!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.9/angular.min.js"></script> -->

источник

2016-10-04 21:55:58 Andriy

Ах здорово! Это действительно проблема. Большое спасибо за ваш ответ! :) – GeirrBenayahu

AngularJS: Ошибка: $ injector: unpr в простом скрипте

ответ

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