2016-03-20 9 views
0

テーブルにキーなしでjsonからデータを取得しようとしています。テーブルにキーなしでJSONから値を取得

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

私の成功のブロックで私は警告ボックスにデータを取得していました。どのようにしてこれらのデータを角度テーブルで取得できますか?私は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");  
    }); 

、次の操作を行ってみました:

    <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

一切の$ scope.headersがないときは、ヘッダにヘッダを繰り返しています。 –

答えて

1

私はあなたのためJSFiddleを作成しました、それはあなたを助けることを願っています:

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

Angualrコントローラ:

var app = angular.module('plunker', []); 

app.factory('myService', function($http) { 
    return { 
    async: function() { 
     return $http.get('https://api.myjson.com/bins/368hv'); 
    } 
    }; 
}); 

app.controller('MainCtrl', function(myService,$scope) { 
    $scope.data = "oron"; 
    myService.async().then(function(d) { 
    $scope.data = d.data; 
    }); 
}); 

HTML:

<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

必要に応じて、アイテムから列の1つを非表示にすることはできますか?この場合、2列しか表示しない。 – NaaN

+1

には2つのオプションがあります。1. javascriptオブジェクトのケースの$ scope.dataオブジェクトの列を削除します。 2. ng-if文を使用します。例:ng-if = "$ index!== 1" –