Question

我有一个数组数组，想要使用* ngFor逐个访问它的元素Example Picture

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

我的输出应该是： 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>

在Angular 2中访问数组元素数组

1 个答案: