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

Posted 2023-03-15

【中文标题】在 Angular 2 中访问数组元素的数组

【英文标题】：Accessing Array of Array Elements in Angular 2

【发布时间】：2017-08-09 19:38:00

【问题描述】：

我有一个数组数组，并希望使用 *ngFor 一个一个地访问它的元素Example Picture

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

我的输出应该是： MS，Data1，Date2，姓名，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) 

【参考方案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>

【讨论】：

很抱歉在评论框中提问，因为我禁止在这个平台上提问。我怎样才能访问这个数组变量[Array(2)] 0: Array(2) 0: id: 5, name: "Eternis", … 1: id: 4, name: "Sprenza", … length: 2 __proto__: Array(0) length: 1 __proto__: Array(0). i am trying this way *ngFor="let item of bookedItems" 。但我没有任何建议？