配列内の配列の角度範囲

Question

ファイルに保存されているデータのサンプルリストをAngularページに表示しようとしています。これはデータ辞書アプリケーション用です。これは、ファイル名と任意の数の列になる可能性があるため、フィールド名を事前に知っているわけではありません。 JSONはこのように見えます（調整が必要な場合は柔軟ですが）。

[{ 
    "FileName": "QUOTHDR", 
    "Records": [{ 
      "Row": [ 
       " 7", " 1", " ", " 15", " 71", " ", " 6617", " 1", " 1", " ", " ", " R-2017-0063674", " 2017-06-15-08.58.44.817197", " .0000", " ", " 60007", " ORIGIN (1)", " ", " ", " 174", " ", " 141741", " 1", " ", "2017-06-15-09.23.14.831709", " 6617", " ", " ", " 2017-06-15-09.34.09.200973" 
      ] 
     }, 
     { 
      "Row": [ 
       " 7", " 1", " ", " 15", " 71", " ", " 6617", " 1", " 1", " ", " ", " R-2017-0063674", " 2017-06-15-08.58.44.817197", " .0000", " ", " 60007", " ORIGIN (1)", " ", " ", " 174", " ", " 141741", " 1", " ", "2017-06-15-09.23.14.831709", " 6617", " ", " ", " 2017-06-15-09.34.09.200973" 
      ] 
     } 
    ] 
}] 

私は私のサービスでこれを実装する：私は例の数、使用NG-繰り返し、[]と* ngForで検索しました

export interface ITableSampleData2 { 
    fileName: string; 
    Records: any[] ; 
    } 

And my HTML iterates the Records array and the Row Array like: 
      <tbody> 
       <div *ngFor="let tsd of tableSampleData"> 

       <tr *ngFor="let row of tsd.Row;">       

        <td *ngFor="let dta of row; let i = index"> 
         {{dta[i]}} 
        </td> 

       </tr> 
       </div> 
      </tbody> 

。何も動作していないようです。私は近づいていると思うけど、コンソールログには何も出ていないか、エラーが出ている。私も{{I}}を試しました。どんな助けや提案も大歓迎です。

Answer 1

私はあなたが反復に迷っていると思います。

あなたはそれを「正しい方法」を行う場合には、次のようになります。

/* I removed the <div> inside the <tbody>, just to clarify :) */ 
<tbody *ngFor="let tsd of tableSampleData"> 
    /* ... */ 
    <tr *ngFor="let record of tsd.Records;"> 
     <td *ngFor="let dta of record.Row; let i = index"> 
      /* ... */ 
     </td> 
    </tr> 
</tbody>