角度5 - データ項目がサブ項目に複数のレコードを表示しない

Question

親コンテナの子項目と親コンテナの子項目が表示されるようにデータを取得しようとしています。ここで

はデータです：

constructor() { 
    this.datas = [ 
     { 
     title: 'Container 1', 
     'resizable': true, 
     childItems: [ 
      {'item': 'item 1'}, 
      {'item': 'item 2'} 
     ] 
     } 
    ]; 

そして、ここにデータを取得するためのコードです：

<div *ngFor="let data of datas"> 

    <div [ngWidgetContainer]="data"> 
    <div [ngWidget]="data.childItems">List Child Items belonging to this Container</div> 
    </div> 

</div> 

データとの問題は、それが2 childItemsをリストする必要がありますが、それは唯一の上場だということです1.

どうすればこの問題を解決できますか？

Answer 1

あなたが小道具childItemsを有するように、2つの要素から成り、あなたがループに代わりDATASアレイのデータオブジェクトからそのアイテムを必要とします。 最初の* ngForはデータ配列を実行し、2番目の* ngForはchildItemsプロパティの配列を実行します。

<div *ngFor="let data of datas"> 

    <div [ngWidgetContainer]="data" *ngFor="let item of data.childItems"> 
    <div [ngWidget]="item">List Child Items belonging to this Container</div> 
    </div> 

</div>