2016-07-13 12 views
1

Ich erhalte Antwortdaten wie:Anzeige jsonArray in Winkel js Tabellenformat

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"} 
    ] 

In obiger Anordnung gibt es zwei Datensätze aus Datenbank abgerufen werden und es kann entsprechend variieren.

Und ich möchte in Tabelle Format und Spalte darstellen müssen Job-ID, Level 1, Level 2 etc und Werte 1, ed, etc wie in angular JS sein.

Antwort

0

Ausprobieren Verwenden (key,value) in 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>

+0

hallo, Dank habe ich die Werte in meiner Reihe, aber ich möchte Schlüssel als Spaltennamen dynamisch. In meiner Anwendung hatte ich die Antwort in Arrays wie $ scope.Columns unterteilt, die Schlüsselwerte wie 0,1 und $ scope.Rows enthalten. [{"Job id": "1", "level 1": "er", " Level 2 ":" ED "," Level 3 ":" MT "," Status ":" mt "}, {" Job-ID ":" 2 "," Level 1 ":" Ohr "," Level 2 ": "ED", "level 3": "MT", "status": "mt"}] Also aus Ihrer Antwort hatte ich Zeilenwerte für meine Tabelle mit (Schlüssel, Wert) in Zeilen abgerufen. Bitte sagen Sie, wie Spaltennamen dynamisch als Job ID, Level 1, Level 2 angezeigt werden. – qwerty24491

+0

Hallo, IS gibt es eine andere Möglichkeit, die Werte zu erhalten, weil wir in der obigen Lösung Tasten statisch bereitstellen. – qwerty24491

+0

siehe aktualisierte Antwort. –