Angularjs REST API 상호 작용 실패

나는 Angularjs New Bee입니다. 이것은 첫 번째 Angularjs 응용 프로그램입니다. Nodejs 서비스 호출과 상호 작용하고 응답을 인쇄하려고합니다. 하지만 Chrome과 Firefox에서 다른 오류가 발생합니다.Angularjs REST API 상호 작용 실패

크롬에서 내가 캐치되지 않는 오류가 발생했습니다와 파이어 폭스에서 난 오류가 발생했습니다 : [$ 인젝터 : modulerr] : index.html을 :

여기

내 코드입니다

<!doctype html> 
<html data-ng-app="myapp"> 

<head> 
    <title>Monitoring</title> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="chrome=1"> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"> 
    </script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular-route.js"> 
    </script> 

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular-resource.js"> 
    </script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular-route.js"> 
    </script> 
    <script type="text/javascript" src="controller/controller.js"></script> 
</head> 

<body> 
    <div ng-controller="CommonMetricsCtrl"> 
     {{data}} 
    </div> 
</body> 

</html>

controller.js

var App = angular.module('myapp', ['ngRoute', 'ngResource']); 
App.controller('CommonMetricsCtrl', ['$scope', '$resource', 
    function($scope, $resource) { 

     function createResource(url) { 
      return $resource(url + '?alt=:alt&method=:callback', { 
       alt: 'json', 
       callback: 'JSON_CALLBACK' 
      }, { 
       get: { 
        method: 'JSONP', 
        headers: [{ 
         'Content-Type': 'application/json' 
        }, { 
         'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8' 
        }] 
       }, 
       isArray: false 
      }); 
     } 

     URL = "http://localhost:1111/servicelist"; 

     var resource = createResource(URL); 

     resource.get({}, function processResponse(response) { 

      console.log(response); 
      $scope.data = response; 
      if (response.error) { 
       console.log('Error here'); 
      } 

     }); 

    } 
]);

제가 잘못 된 부분을 알지 못합니다. 문제를 해결할 수 있습니까?

출처

2014-07-15 Psyche Genie

'myapp! == myApp'. 모듈과 컨트롤러는 대소 문자를 구분합니다. –

고마워, 그저 오식 오류 @ 벤 행운. 서비스에서 응답을 얻으려면 아직 –

여기 plunker 링크를 추가하십시오 http://plnkr.co/edit/GeKIqxU2VJekCodoY3yF?p=preview –

각도 경로 모듈을 두 번 추가하고 있습니다.

출처

2014-07-15 09:54:28 bluehallu

Angularjs REST API 상호 작용 실패

답변

관련 문제