AngularJS $ 경로에 오류가 있습니다 : [$ injector : unpr]

방금 AngularJS를 배우기 시작했고 $route을 사용하여 다른보기를 표시하지만 내 콘솔에서 오류가 발생했습니다. 여기 내 코드입니다 :

index.html을

<!Doctype html> 
<html ng-app="approute"> 
    <head> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="icon" href=""> 
     <title>Search The Angles: {{people.name}}</title> 
     <link rel="stylesheet" href="css/main.css"> 
     <script type="text/javascript" src="script/jquery-2.1.1.min.js"></script> 
     <script type="text/javascript" src="script/angular.min.js"></script> 
     <script type="text/javascript" src="script/angular-route.js"></script> 
     <script type="text/javascript" src="script/app.js"></script> 
    </head> 
    <body> 
     <input type="text" ng-model="test">{{test | json}} 

     <div ng-view></div> 

     <a href="#/path2">Html2</a> 
    </body> 
</html>

다음과 같이 내 스크립트입니다 :

'use strict'; 

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

approute.config(['$routeProvider', function($routeProvider) { 
    $routeProvider 
     .when('/path2', { 
      templateUrl: "partials/index2.html", 
      controller: "appCountroller" 
     }) 
     .when('/', { 
      templateUrl: "partials/index1.html", 
      controller: "appCountroller" 
     }) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
}]); 

approute.controller("appCountroller", function($scope, $http) { 
    $http.get('../json/data.json').success(function(response) { 
     $scope.people = response; 
    }); 
});

index1의 및 는 다음과 같은 형식으로되어 있습니다 index2.html :

<div> <ul> <li ng-repeat="person in people | filter:test">{{person.name}}</li> </ul> </div>

및 index2.html

<div> <ul> <li ng-repeat="person in people | filter:test">{{person.name}}-{{person.position}}</li> </ul> </div>

내가 브라우저에서 개방을 시도, 내 콘솔에 다음과 같은 오류 얻을 : 내 angular.min.js를 참조하여

Error: [$injector:unpr] http://errors.angularjs.org/1.2.27/ $injector/unpr?p0=%24templateRequestProvider%20%3C-%20%24templateRequest%20%3C-%20%24route%20%3C-%20ngViewDirective at Error (native)...

을 파일

나는 할 수있는 모든 것을 검사했지만 오류의 원인을 보지 못했습니다.

출처

2014-12-15 dat_sunday

당신은 이것을위한 대충둥을 업데이트 할 수 있습니까? 이 오류는 –

에서 발생합니다. 각도 1.2.27을 사용하고 있습니다. 다른 버전의 angular.route를 사용하고 있기 때문에 오류가 발생할 수 있습니다. 확인 할수 있어요? btw [here] (http://plnkr.co/edit/sGYLfNS5H1H3yFBRUcYB?p=preview)는 코드의 작동 예제입니다. – dhavalcengg

종속성을 해결할 수없는 것 같습니다. 이 경우 ng-route의 templateRequestProvider와 비슷한 모양입니다.

각도 루트 버전과 각도 버전이 충돌하지 않는지 확인하십시오. 그럴 수도 있습니다.

출처

2014-12-15 12:54:39 tanou

예, 이제 작동 중입니다. 감사 –

AngularJS $ 경로에 오류가 있습니다 : [$ injector : unpr]

답변

관련 문제