Question

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

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

使用以下代码

'use strict';

angular.module('stats', [])

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

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

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

我得到了following error。

不确定原因。我做错了什么？

第一次搞乱AngularJS。

Answer 1

http://plnkr.co/edit/2EEDYMYq9tSYwXWSfm1c?p=preview

似乎工作正常，您可能缺少ng-app，或者可能还有其他错误会导致您的代码中断。

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>

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

1 个答案: