显示数据正确地角JS纳克重复

Question

我采用了棱角分明JS表NG重来显示值

这是我的代码

<div ng-app="myapp" ng-controller="FirstCtrl"> 
    <table border="1"> 
    <tr> 
    <th ng-repeat="(key, val) in collectioninfo">{{ key }}</th> 
    </tr> 
<tr ng-repeat="row in collectioninfo"> 
     <td ng-repeat="(key, val2) in row"> 
     {{ val2 }} 
     </td> 
    </tr> 
</table> 
</div> 

var myapp = angular.module('myapp', []); 
myapp.controller('FirstCtrl', function ($scope) { 
    $scope.collectioninfo = { 
     "SDDD": "Working", 
     "RRR": "P", 
     "DateCreated": "57:52.2" 
    } 
}); 

http://jsfiddle.net/9fR23/501/

Answer 1

试试这个。 collectioninfo为对象，因此你不需要两个嵌套ng-repeat

var myapp = angular.module('myapp', []); 
 
myapp.controller('FirstCtrl', function($scope) { 
 
    $scope.collectioninfo = { 
 
    "SDDD": "Working", 
 
    "RRR": "P", 
 
    "DateCreated": "57:52.2" 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myapp" ng-controller="FirstCtrl"> 
 
    <table border="1"> 
 
    <tr> 
 
     <th ng-repeat="(key, val) in collectioninfo">{{ key }}</th> 
 
    </tr> 
 
    <tr> 
 
     <td ng-repeat="(key, val2) in collectioninfo"> 
 
     {{ val2 }} 
 
     </td> 
 
    </tr> 
 
    </table> 
 
</div>