ng-repeatを使用した多層配列による角度の繰り返し

Question

複数のレイヤーを持つ配列を反復する場合は、ng-repeatディレクティブに問題があります。 Jsonのオブジェクトによく似ていますが、かなりです。これは、プログラムが実際に何をするかだけのサンプルである、と私はしてもしなくてもよいかもしれ具体的な理由のために、このようにそれを行う

$scope.dailyData = [] 
$scope.dailyData[0] = [] 
$scope.dailyData[0].push([{"today":null,"day2":1,"day3":null,"day4":null,"day5":null,"day6":null,"day7":null,"title":"Queries Built","id":null}]) 

：私はこれに似たコードを使用して、アレイを構築するには

質問に関連する

これは次のような配列に出力します。

[[[{"title":"Queries Built","today":null,"day2":1,"day3":null,"day4":null,"id":null}]]] 

真ん中に3つの配列とオブジェクトがあります。問題は、オブジェクトからデータを引き出すためにng-repeatを得ることができないことです。

私はこのような出力にそれをしたい：

|  Title  | Today | Yesterday | 
| Queries Built | null |  1  | 

しかし、私はNGリピートに試してみたすべてが動作するようには思えません。このような一例：ここで

<div ng-repeat="row in dailyData[0]"> 
    <tr> 
     <td>{{row[0]["title"]}}</td> 
     <td>{{row["today"]}}</td> 
     <td>{{row["day2"]}}</td> 
     <td>{{row["day3"]}}</td> 
     <td>{{row["day4"]}}</td> 
    </tr> 
</div> 

最初の行は、他とは異なる方法で、それらのどちらも機能します。私はあなたはそれがより良い形式になるようにデータを再構築する必要があると思うhttps://jsfiddle.net/rms9dv8j/2/

Answer 1

：

はここでフィドルです。

あなたは、私がこのplnkrでやったものと同様、ネストされたループ実行する必要があります。http://plnkr.co/edit/CqUHwj?p=info

<div ng-app="module" ng-controller="ctrl"> 
    <div ng-repeat="row in array"> 
    {{row.name}} 
    <div ng-repeat="row2 in row.array2"> 
     {{row2.name}} 
    </div> 
    </div> 
</div> 

役に立ちました情報は、この記事で見つけることができます：

Nested ng-repeat

Answer 2

を主な問題は、表の真ん中に<DIV>というタグを使用したことで、おそらくブラウザーが何も表示しなかったのでしょう。このフィドルで

：

https://jsfiddle.net/5ox7Ledw/

<div ng-repeat="row in dailyData[0][0]"> 
    <tr> 
     <td>{{row[0]["title"]}}</td> 

もあなたが別のものを必要とする誤ったDIV

<tr ng-repeat="row in dailyData"> 
    <td>{{row.title}}</td>