AnjularJS, 올바른 참조 있지만 "ReferenceError : 각도가 정의되지 않았습니다"

Question

JSON 개체를 사용하여 HTML 테이블에서 인쇄하는 간단한 AngularJS 코드를 만들려고합니다. 나는이 바이올린의 코드를 사용하고

는 (여기서 완벽하게 작품이다) : http://jsfiddle.net/mjaric/pJ5BR/

하지만 오류로 실행하지 않고, 하나의 HTML 파일 (로컬)에서 코드를 다시 드릴 수 없습니다.

편집 :

ReferenceError: angular is not defined

오류 (스크립트) 라인에가 :

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

은 또한 로컬 AngularJS와와 JQuery와 Google을 통해 등을 참조했습니다. 전혀 차이가 없다.

여기 내 html 파일의 머리 :

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 

스크립트 세그먼트 :

<script> 

var mockDataForThisTest = "json=" + encodeURI(JSON.stringify([ 
    { 
    id: 1, 
    firstName: "Peter", 
    lastName: "Jhons"}, 
{ 
    id: 2, 
    firstName: "David", 
    lastName: "Bowie"} 
])); 


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

function PeopleCtrl($scope, $http) { 

    $scope.people = []; 

    $scope.loadPeople = function() { 
     var httpRequest = $http({ 
      method: 'POST', 
      url: '/echo/json/', 
      data: mockDataForThisTest 

     }).success(function(data, status) { 
      $scope.people = data; 
     }); 

    }; 

} 

</script> 

그리고 마지막으로 몸 :

<div ng-app="myApp"> 
     <div ng-controller="PeopleCtrl"> 
      <p> Click <a ng-click="loadPeople()">here</a> to load data.</p> 
     <table> 
      <tr> 
       <th>Id</th> 
       <th>First Name</th> 
       <th>Last Name</th> 
      </tr> 
      <tr ng-repeat="person in people"> 
       <td>{{person.id}}</td> 
       <td>{{person.firstName}}</td> 
       <td>{{person.lastName}}</td> 
      </tr> 
     </table> 
     </div> 
    </div> 

감사합니다!

Answer 1

당신은 각도에 참조를 위해 계획 상대 URL을 사용하고 있습니다 : 당신이 사용하여 HTML 문서를로드 할 경우 HTML 문서에 액세스하는 데 사용하고 완벽하게 작동하므로

는

src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js" 

이 같은 방식을 사용 http:// 또는 https://. 대신 (http://localhost/와) 로컬 웹 사이트 및 자원의

지역 파일은, 아마도, (A file:// URI와) 파일 시스템에서로드되는이 file://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js에서 사용할 수 없습니다.

빠르게

src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js" 

를 사용하여이 작업을 해킹 할 수 그러나 사이에 다르게 작동 (특히 사용중인 아약스, 주위에) 많은 물건이 있기 때문에 당신은 테스트를 위해 로컬 웹 서버를 사용하여 더 나을 것 file:// 및 http://.