試圖顯示來自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的數據

回答

相關問題