각도 스크립트에서 컨트롤러 오류 - [$ injector : modulerr]

Question

컨트롤러 구문에 대해 잘 모르겠습니다. 나는 그것이 계속 컨트롤러가 작동한다고 믿게하는 [$ injector : modulerr] 에러를 계속 발생 시키지만, 나는 그렇지 않으면 잃어버린다. 현재 나의 주요 목표는 couchdb 데이터베이스에서 모든 결과를 얻고 표시하려고한다는 것입니다.

<div ng-app="guestBook"> 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"> 
</script> 

<script> 
    var guestBook = angular.module('guestBook', ['ngRoute']) 
    guestBook.controller('CouchController', ['$scope', '$http', '$get', function ($scope, $http, $get) { 
     // View everything in database 
     $scope.view = function() { 
      var json = {}; 
      var url = "https://sophia.iriscouch.com/guestbook/_all_docs"; 
      $get({ 
       url: url, 
       method: 'GET', 
       data: json, 
       dataType: "jsonp", 
      }).success(function (json, status, headers, config) { 
       console.log(json); 
      }) 
     }; 
     // Creating a new instance on couchDB 
     $scope.submit = function() { 
      var entry = { 
       "Name": $scope.name, 
        "Comment": $scope.comment 
      }; 
      console.log(entry); 
      var timestamp = Math.round(new Date().getTime()/1000); 
      var url = 'https://sophia.iriscouch.com/guestbook/' + timestamp; 
      console.log(url); 
      $http({ 
       url: url, 
       method: 'PUT', 
       data: entry, 
       dataType: "json", 
       withCredentials: true, 
       headers: { 
        'Authorization': auth_hash("sophia", "Einstein1") 
       } 
      }).success(function (data, status, headers, config) { 
       console.log(data); 
      }).error(function (data, status, headers, config) { 
       console.log(headers); 
       console.log(config); 
      }); 
     } 
     function auth_hash(username, password) { 
      var str = window.btoa(username + ":" + password); 
      return 'Basic' + str; 
     } 
    }]); 
</script> 



<form ng-controller="CouchController"> 
    <p> 
     <input type="text" ng-model="comment"> 
    </p> 
    <p> 
     <input type="text" ng-model="name"> 
    </p> 

    <p> 
     <button ng-click="submit()">Add</button> 
    </p> 
    <p> 
     <button ng-click="view()">show</button> 
    </p> 
</form> 

Answer 1

당신이

angular.module('guestBook', ['ngRoute']) 

같은 종속 ngRoute 모듈을 지정하지만 angular-route.js 스크립트 파일을 추가하지 않았다. 그 파일을 추가하면이 문제가 해결됩니다.

여기 ngRoute 모듈

---

의 CDN 그래

<div ng-app="guestBook"> 
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.6/angular-route.js"></script> 
....