如何使用ng-repeat

时间:2014-07-15 07:35:28

标签: javascript angularjs ng-repeat

我有以下数据要使用ng-repeat:

{"data":[{"id":1,"namn":"Bryan","efternamn":"Karlsson"},{"id":2,"namn":"Kalle","efternamn":"Kula"},{"id":3,"namn":"Fisk","efternamn":"Fisksson"},{"id":4,"namn":"Daniel","efternamn":"Fisksson"}]}

我试图像这样使用它:

<div ng-controller="Test">
<tr ng-repeat="namn in test">
    <td>{{namn}}</td>
</tr>
</div>

我不知道为什么。是因为&#34;数据&#34;在JSON字符串?

这是我的控制器:

as.controller('Test', function($scope, $http, $rootScope)
{   
    $http.get($rootScope.appUrl + '/nao/test/test')
        .success(function(data, status, headers, config) {
            $scope.test = data;
    });
});

2 个答案:

答案 0 :(得分:2)

<div ng-controller="Test">
  <tr ng-repeat="record in test.data">
    <td>{{record.namn}}</td>
  </tr>
</div>

答案 1 :(得分:0)

<div ng-controller="Test">
<tr ng-repeat="namn in test.data">
    <td>{{namn}}</td>
</tr>
</div>