Angularjs 모듈에서 JSON 파일을 호출하는 방법

AngularJS에서 새로운 기능입니다. json 파일을 호출하고 읽을 필요가있는 상황이 있습니다. 여기 내 코드는Angularjs 모듈에서 JSON 파일을 호출하는 방법

<!DOCTYPE html> 
    <html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> 
    </head> 
    <body> 
    <div ng-app="myApp" ng-controller="myCtrl"> 
    <ul> 
     <li ng-repeat="todo in todos"> 
     {{todo.text}} - <em>{{todo.done}}</em> 
     </li> 
    </ul> 
    </div> 
    <script> 
    var app = angular.module("myApp", []); 
    app.controller("myCtrl", function($scope, $http) { 
     $http.get('todos.json').success (function(data){ 
      $scope.todos = data; 
     }); 
    }); 
    </script> 
    </body> 
    </html>

이 코드는 Firefox에서는 잘 동작하지만 크롬에서는 정상적으로 동작하지 않습니다. 제발 도와주세요.

출처

2014-08-29 Subho

오류 메시지가 있습니까? 정확히 작동하지 않는 것은 무엇입니까? – Patrick

오류 메시지가 표시되지 않습니다. 하지만 콘솔에 갈 때 오류 메시지가 발생했습니다. XMLHttpRequest는 file : /// C : /Users/USER/Desktop/todos.json을로드 할 수 없습니다. 잘못된 응답을 받았습니다. 따라서 원본 'null'은 액세스가 허용되지 않습니다. – Subho

@Subho 웹 서버를 사용해야하는 것처럼 보입니다. Chrome은 로컬 또는 'file : //'리소스의 요청을 허용하지 않습니다. http://stackoverflow.com/questions/4208530/xmlhttprequest-origin-null-is-not-allowed-access-control-allow-origin-for-file – khakiout

Chrome은 로컬 또는 file : // 리소스로부터 요청을 허용하지 않습니다.이 문제에 대해 Safari를 사용하거나 Xampp (컴퓨터의 서버 환경)을 사용할 수 있습니다. 당신이 크롬에 당신의 각 위치를 달리고 싶은 경우에 당신은 크롬에서 인 폴더에 가고 유형에 들어가기 위하여 당신의 cmd에서 갈 필요가있을 것이다.

chrome.exe의 --disable-웹 보안 크롬이 시스템에 설치되어 지금까지

(이 작업을 수행 할 때 반드시 크롬이 닫혀 있는지 확인). :) 희망이 도움이됩니다.

출처

2016-02-15 16:57:41

Angularjs 모듈에서 JSON 파일을 호출하는 방법

답변

관련 문제