訪問在角2

Question

數組元素的數組我有數組的數組，並希望所有由一個Example Picture

訪問使用* ngFor一個它的元素如果一些幫助，可以給，我可以進入主陣但不是數組中的數組元素。

我的輸出應該是： MS，數據1，日期2，名稱，20，粉紅色

我試圖做

<li *ngFor="let l of carels"> 
    <input 
     type="text" 
     class="col-sm-6" 
     value="{{l.name}}"> 

    <input 
     type="text" 
     class="col-sm-3" 
     value="{{l.category}}"> 

    <input 
     type="date" 
     class="col-sm-3" 
     value="{{l.date}}"> 

    </li> 

，但不能訪問內部陣列

的元素我內陣列的類型爲：

export class SharedPeople { 
constructor(public nameIn: string, public age: number) {} 
} 

Answer 1

您NEDD一個其他ngFor通過名稱循環

<li *ngFor="let l of carels"> 
    <div *ngFor="let name of l.names">{{ name.nameln + ": " + name.age}} </div> 

    <input  type="text"  class="col-sm-3"  value="{{l.category}}"> 
    <input  type="date"  class="col-sm-3"  value="{{l.date}}"> 
    </li>