テーブルにこのjsonを表示する方法

Question

テーブルにこのjsonを表示するのに助けが必要です...この場合、ng-repeatを使用できないという問題があります。

{ 
"dows": [ 
    { 
     "dow": 1, 
     "times": [ 
      { 
       "open": "09:00:00", 
       "close": "12:00:00", 
      }, 
      { 
       "open": "14:00:00", 
       "close": "16:30:00", 
      } 
     ] 
    }, 
    { 
     "dow": 2, 
     "times": [ 
      { 
       "open": "09:00:00", 
       "close": "12:30:00", 
      }, 
      { 
       "open": "14:00:00", 
       "close": "19:45:00", 
      } 
     ] 
    } 
    . 
    . 
    . 
} 

すべてダウはHTMLで<td>を表し、時間配列のすべての要素、ダウ内部<tr>あります。

これは、私はそれはあなたが使用している角度、あなたが最初のコンポーネントの配列にこのデータをプッシュすることができによって https://i.stack.imgur.com/Zcado.jpg

Answer 1

を見たい方法です...

あなただけがスニペットに基づいて供給...

のような何か：

var hello = []; //or hello: Array<any> = []; etc... 
for(let h in dow.dows){ 
    hello.push(dow.dows[h]) 
} 

ストアグローバル変数。この方法では、あなたが再び

<div *ngFor="let dow of hello"> 
    <h2>{{dow.dow}}</h2> 
    <ng-container *ngFor="let time of dow.times"> 
    <p>Time Open: {{time.open}}</p> 
    <p>Time Close: {{time.close}}</p> 
    </ng-container> 
</div> 

を使用することができ、私はあなたが...

で作業をしている。しかし、うまくいけば、これはある程度役立ちます角度を知る提供された情報をオフに基づいてないつもりです。

Answer 2

その後this fiddleはあなたを助けることができる多分それは答えるには遅すぎですが、あなたはまだあなたの問題を解決できなかった場合は、

。

<tr ng-repeat="dow in dowArr track by dow.dow"> 

そして、あなたがNGリピートに関する詳しい情報が必要な場合、

は、以下のリンクを参照してください。 Angularjsの

公式文書 - ngRepeat

https://docs.angularjs.org/api/ng/directive/ngRepeat

w3cschools.comのドキュメント - ngRepeat

https://www.w3schools.com/angular/ng_ng-repeat.asp