Дисплей jsonArray в угловой Js формате таблицы

Question

Я получаю данные ответа, как:

array=[{"job id":"1", 
     "level 1":"er", 
     "level 2":"ED", 
     "level 3":"MT", 
     "status":"mt" 
     }, 
     {"job id":"2", 
     "level 1":"ear", 
     "level 2":"ED", 
     "level 3":"MT", 
     "status":"mt"} 
    ] 

В массиве выше есть две записи, извлеченные из базы данных, и может соответственно изменяться.

И я хочу представить в формате таблицы, и столбец должен быть идентификатором задания, уровнем 1, уровнем 2 и т. Д. И значениями 1, ed и т. Д., Как в угловом JS.

Answer 1

Try использование (key,value) в ng-repeat

var app=angular.module('app',[]) 
 
app.controller("Ctrl",function($scope,$filter){ 
 
    $scope.array=[ 
 
      {"job id":"1","level 1":"er","level 2":"ED","level 3":"MT","status":"mt"}, 
 
      {"job id":"2","level 1":"ear","level 2":"ED","level 3":"MT","status":"mt"} 
 
    ] 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller=" Ctrl"> 
 
    <table border="1"> 
 
    <thead> 
 
     <tr ng-repeat="(key,value) in array" ng-if="$last"> 
 
     <td ng-repeat="(key,v) in value">{{key}}</td> 
 
     </tr> 
 
    </thead> 
 
     <tr ng-repeat="(key,value) in array"> 
 
     <td ng-repeat="(key,v) in value">{{v}}</td> 
 
     </tr> 
 
    </table> 
 
</div>