试图显示来自json ng-repeat的数据

我试图显示来自JSON对象的数据。试图显示来自json ng-repeat的数据

<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。

来源

2014-12-04 devs

您的代码似乎是正确的。我认为错误来自另一个问题 – Thierry 2014-12-04 19:50:58

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

看起来工作得很好，你可能会丢失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>

来源

2014-12-04 19:51:36 SoluableNonagon

分手后，使用app.controller它的作品。谢谢。你能向我解释一下有什么不同吗？ – devs 2014-12-04 19:54:40

应该没有什么区别，你可以和笨蛋一起玩，看看这两种方式的工作。你的机器上有什么东西可以让它与众不同？分手的方式只是一个格式化偏好。 – SoluableNonagon 2014-12-04 20:00:20

试图显示来自json ng-repeat的数据

回答

相关问题