AngularJS가 JSON에서 데이터를 읽습니다.

안녕하세요 저는 각도가 너무 새롭습니다. 다시 도움이 필요합니다. 나는 JSON 파일에서 datas 얻을려고 : teams.json을하지만 내 컨트롤러는 다음과 같이이다 작동하지 않습니다AngularJS가 JSON에서 데이터를 읽습니다.

app.controller('TeamController', ['$http', function($http){ 
    var liste = this; 
    liste.teams = [];  
    $http.get('teams.json').success(function(data){ 
     liste.teams = data; 
    }); 
}]);

을 내 HTML에서 : 사전에

<!DOCTYPE html> 
<html ng-app="teamStats"> 

    <head> 
     <link rel="stylesheet" href="style.css"> 
     <script src="script.js"></script> 
     <script src="angular.js"></script> 
     <script src="app.js"></script> 
    </head> 
    <body ng-controller="TeamController"> 
     <!-- 
     %%%%%%%%%%%%%%%%%%%%%%%%%%% BODY CONTENT   
     --> 
     <div id="wrap" > 
       <div class="container"> 
        <div > 
         <ul> 
          <li ng-repeat="team in liste.teams">{{team.name + team.win}}</li> 
         </ul> 
        </div> 
       </div> 
     </div>   
     <!-- 
     %%%%%%%%%%%%%%%%%%%%%%%%%%% END OF BODY CONTENT  
     --> 
    </body> 
</html>

많은 감사 ! 내가 myPlunker

안부, 빈센트

출처

2014-10-04 Vincent

OK! ng-repeat, ng-view, ng-include 등은 AJAX를 사용하여 템플릿을로드합니다. 문제는 기본적으로 브라우저가 보안상의 이유로 로컬 파일 시스템에있는 파일에 AJAX 요청을 허용하지 않는다는 것입니다. 따라서 두 가지 옵션이 있습니다 파일은 로컬 파일 도움이 모든

감사에 액세스 할 수 있도록 브라우저에게 될 것

실행 로컬 웹 서버를! Vadim 설명에 감사드립니다 !! 고맙습니다. :)

출처

2014-10-04 09:32:03 Vincent

이

app.controller('TeamController', ['$http', '$scope', 
    function($http, $scope) { 
     var liste = this; 
     $scope.liste = {}; 
     $scope.liste.teams = []; 
     $http.get('teams.json').success(function(data) { 
     $scope.liste.teams = data; 
     }); 
    } 
    ]);

에 컨트롤러를 변경하고 JSON 파일을 수정

쉽게 이해하기위한 plunker을 한 잘못 오전 곳에 사람이 볼 수 있기를 바랍니다. 당신은 추가 ,의

데모를 제거해야합니다 내가 지금 왜 작동하지 않습니다 알고 있다고 생각 http://plnkr.co/edit/jeHnvykYLwVZLsRLznRI?p=preview

출처

2014-10-04 01:09:48 zsong

'$ scope.liste = {teams : []};을 (를) 그냥 할 수없는 이유는 무엇입니까? :) – PSL

도와 주셔서 감사합니다 !! :) 나는 plunker에서 내 HTML을 시도하고 지금은 일하고있다! 하지만 여전히 로컬 호스트에 문제가 있습니다 ... 내 페이지가 비어 있습니다. 나는 wamp가 나쁜 것을하고 있다고 생각한다. .. – Vincent

AngularJS가 JSON에서 데이터를 읽습니다.

답변

관련 문제