Angularjs 尝试使用ng repeat显示来自json的数据_Angularjs

Angularjs 尝试使用ng repeat显示来自json的数据

angularjs

Angularjs 尝试使用ng repeat显示来自json的数据,angularjs,Angularjs,我试图显示来自JSON对象的数据 <table ng-controller="statsCtrl"> <tr ng-repeat="stat in stats"> <td>{{ stat.name }}</td> <td>{{ stat.id }}</td> </tr> </table> 但是index.html视图没有显示任何内容 {{ stat.n

我试图显示来自JSON对象的数据

<table ng-controller="statsCtrl">
    <tr ng-repeat="stat in stats">
        <td>{{ stat.name }}</td>
        <td>{{ stat.id }}</td>
    </tr>
</table>

但是index.html视图没有显示任何内容

{{ stat.name }} {{ stat.id }}

而我得到了那份工作

不知道为什么。我做错了什么

第一次和AngularJS玩

看起来工作正常，您可能丢失了ng应用程序，或者可能出现了另一个错误，这会破坏您的代码

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

app.controller('myCtrl', ['$scope', function($scope){

    $scope.stats = [
          {
              name: 'player', 
              id: 1, 
              skills: [{
                  taming: 244,
                  mining: 25, 
                  woodcutting: 100
              }], 
          }
      ];

}]);

使用此HTML

<body ng-app="myApp">

  <div ng-controller="myCtrl">

    <table>
      <tr ng-repeat="stat in stats">
          <td>Name: {{ stat.name }}</td>
          <td>Id: {{ stat.id }}</td>
      </tr>
    </table>


  </div>  
</body>

您的代码似乎是正确的。我认为这个错误是由于另一个问题造成的，在将其分解并使用app.controller之后，它就可以工作了。谢谢你能给我解释一下有什么区别吗？不应该有任何区别，你可以玩plunker，看看两种方法都有效。你的机器上可能有什么东西让它与众不同？拆分方式只是一种格式首选项。

<body ng-app="myApp">

  <div ng-controller="myCtrl">

    <table>
      <tr ng-repeat="stat in stats">
          <td>Name: {{ stat.name }}</td>
          <td>Id: {{ stat.id }}</td>
      </tr>
    </table>


  </div>  
</body>