2016-03-20 17 views
0

Bir jsondan verileri anahtarsız bir tabloya almaya çalışıyorum.Tablodaki anahtar olmadan JSON'dan değerler alın

[ 
[ 
"valu10", //row1 col1 
"valu11", //row1 col2 
"valu12", 
"valu13" 
], 
[ 
"valu20", 
"valu21", 
"valu22", 
"valu23" 
], 
[ 
"valu30", 
"valu31", 
"valu32", 
"valu33" 
] 
] 

Başarımda, veriyi uyarı kutusunda alıyordum. Bu verileri açısal tabloda nasıl alabilirim. Senin için bir JSFiddle oluşturduk

    <table class="table table-striped"> 
         <thead> 
          <tr> 
           <th ng-repeat="header in headers">{{header}}</th> 
          </tr> 
         </thead> 
         <tbody> 

          <tr ng-repeat="item in rows"> 
          {{item}} 
          </tr> 
         </tbody> 
        </table>  
+0

Eğer başlıklarında başlığını tekrar edilir. –

cevap

1

size yardımcı olacağını umuyoruz: Ben html

........ 
}).success(function(data, status, headers, config) { 
     var log = [];   

     var data1 = angular.fromJson(eval(data)); 
     var rowList = data1; 
     $scope.rows = rowList; 
    }).error(function(data, status, headers, config) { 
     alert("error");  
    }); 

aşağıdaki işlemleri, denedik

https://jsfiddle.net/oronbdd/h4sor3w4/1/

Angualr denetleyicisi :

( )

HTML: hayır $ scope.headers olduğunda

<div ng-app="plunker"> 
<div ng-controller="MainCtrl"> 
     JSON:{{data}}<br> 

    <br/> 
    ANSWER: 

    <table class="table table-striped"> 
    <thead> 
     <tr> 
     <th ng-repeat="x in data">{{$index}}</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="array in data"> 
     <td ng-repeat="item in array"> 
      {{item}} 
     </td> 
     </tr> 
    </tbody> 
    </table>  

</div> 

+0

Gerekirse, sütunlardan birini sütunlardan gizleyebilir miyim? Bu durumda sadece 2 sütun göstermek. – NaaN

+1

bunun için 2 seçeneğiniz var: 1. javascript nesnesindeki sütunları, bizim durumumuzda $ scope.data nesnesini kaldırın. 2. ng-if ifadesini kullanın, örneğin: ng-if = "$ index! == 1" –

İlgili konular