angular - 在 Angular 2 中访问数组元素的数组

Question

我有一个数组数组，并希望使用 *ngFor 一个一个地访问它的元素示例图片

如果可以提供一些帮助，我可以访问主数组，但不能访问数组中的数组元素。

我的输出应该是： MS, Data1, Date2, name, 20 , pink

我正在尝试做

  <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

您需要另一个 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>