AngularJS从JSON读取数据_Json_Angularjs

AngularJS从JSON读取数据

json angularjs

AngularJS从JSON读取数据,json,angularjs,Json,Angularjs,你好，我是angular的新手，我再次来寻求帮助。我试图从一个json文件中获取数据：teams.json，但它不起作用我的控制器是这样的： app.controller('TeamController', ['$http', function($http){ var liste = this; liste.teams = []; $http.get('teams.json').success(function(data){ liste.tea

你好，我是angular的新手，我再次来寻求帮助。我试图从一个json文件中获取数据：teams.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>



{{team.name+team.win}

非常感谢！希望有人知道我错在哪里为了便于理解，我做了一次猛击

致以最良好的祝愿，

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文件。您需要删除附加的

，

演示：

好的，我想我现在知道它为什么不起作用了！！ng repeat、ng view、ng include等使用AJAX加载模板。问题是，默认情况下，浏览器不允许AJAX请求位于本地文件系统上的文件（出于安全原因）。因此，您有两种选择：

运行将为您的文件提供服务的本地web服务器告诉浏览器允许本地文件访问

谢谢大家的帮助！！多亏了瓦迪姆的解释！！非常感谢你，谢谢你

为什么不能只执行

$scope.liste={teams:[]}开玩笑！！：）嗨，谢谢你的帮助！！：）我在plunker中尝试了我的html，现在它可以工作了！但是我在本地主机上仍然有问题。。。我的页面是空白的。我认为wamp在做坏事。。。