AngularJS:错误:$ injector:unpr在简单的脚本中

时间:2016-10-04 20:45:50

标签: javascript angularjs angularjs-injector

我做了本教程,代码正在运行,我试着把它变成我自己的代码。但不幸的是,它并没有奏效。它给出了以下错误:

import sys
import random

A1 = 1
A2 = 2
A3 = 1
Array=[]
Len = int(input("How long do you what the game to be"))
for x in range(11):
G = random.randint(1,13)
Array.append(G)
for x in range(Len):
    A1 + 1 = A1
    A2 + 1 = A2
    A3 + 1 = A3
print(Array[A3])
Num = Array[A3]
G1 = input("Is the next number higher or lower.")
if Array[A1] - Array[A2] > 1:
    print("Correct")
    print("_______________________________________________________________________________")
else:
    print("YOu FaIl")
    print("_______________________________________________________________________________")
    sys.exit()
print("Well done you have won the game CONGRATS!")

我知道这个错误已经更频繁地发布在这里,但是大多数错误都是处理比我更复杂的代码而且它似乎并不适用。

我正在关注的教程已在此处上传,处于工作状态:http://gerbenboersma.com/sites/AngularTests/

我自己的代码与它几乎相似,在我的上一个版本中,我甚至使用了所有相同的名称。这是:

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)

和controllers.js:

<!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>

app.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';
  });
}]);

我一直在看这些作品的时间太长了,而且它也不是那么多。但我无法找到问题所在。根据AngularJS Error参考,我命名的方式可能有问题,但在这些最新版本中,我甚至没有更改原始教程示例中的名称,这似乎工作得很好。 我希望有人可以对此有所了解。

1 个答案:

答案 0 :(得分:1)

你正在使用角度1.2.9以及新的角度路线1.5.8,这导致提到的问题,只使用角度1.5.8而不是1.2.9,我创建了plunker: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> -->