Javascript TR内折叠数据的角度测量

我正在将API返回到表时执行ngfor，我需要从表中隐藏/显示一行详细信息，但该行在ngfor之外，因此我无法绑定ngfor数据。 你能帮助我吗？有办法做到这一点吗？ 我曾想过使用ng容器，但我不是很了解它

我的组成部分：

export class MachinesComponent implements OnInit, OnDestroy {

  constructor(private machine: MachineService) { }

  public isMenuCollapsed = true;
  public machines: any[] = [];
  private alive: boolean = true;

  ngOnInit(): void {
    this.machine.getMachines()
      .takeWhile(() => this.alive)
      .subscribe((machine) => this.machines = machine['servers']);
  }
}

export class MachinesComponent implements OnInit, OnDestroy {
  // Convention is to put properties before the constructor
  public machines: any[] = [];
  private alive: boolean = true;
  // This property is added
  public selectedMachine: any;

  constructor(private machine: MachineService) { }

  ngOnInit(): void {
    this.machine.getMachines()
      .takeWhile(() => this.alive)
      .subscribe((machine) => this.machines = machine['servers']);
  }
}

我的Html代码：

机器
地位
圆盘
内存
VCPU
行动
{{machine.name}
活跃的
{{machine？.flavor？.disk}}GB
{{machine？.flavor？.ram}}GB
{{machine？.flavor？.vcpus}}x 2.8Mbps
产品
iTelefone SX带ratina显示屏
数量
2.
2.

如果我理解正确，您希望在表的最后一行显示单击的项。这是解决办法

组成部分：

export class MachinesComponent implements OnInit, OnDestroy {

  constructor(private machine: MachineService) { }

  public isMenuCollapsed = true;
  public machines: any[] = [];
  private alive: boolean = true;

  ngOnInit(): void {
    this.machine.getMachines()
      .takeWhile(() => this.alive)
      .subscribe((machine) => this.machines = machine['servers']);
  }
}

export class MachinesComponent implements OnInit, OnDestroy {
  // Convention is to put properties before the constructor
  public machines: any[] = [];
  private alive: boolean = true;
  // This property is added
  public selectedMachine: any;

  constructor(private machine: MachineService) { }

  ngOnInit(): void {
    this.machine.getMachines()
      .takeWhile(() => this.alive)
      .subscribe((machine) => this.machines = machine['servers']);
  }
}

Html代码：

机器
地位
圆盘
内存
VCPU
行动
{{machine.name}
活跃的
{{machine？.flavor？.disk}}GB
{{machine？.flavor？.ram}}GB
{{machine？.flavor？.vcpus}}x 2.8Mbps
产品
iTelefone SX带ratina显示屏
数量
2.
2.

谢谢，这对我很有用\o/Hello，你能告诉我为什么单击任何一行时所有行都会展开吗？{{machine.name}{{details？.flavor？.swap}}我的组件：findMachineDetails（数据）{返回this.machines.filter（machine=>machine.name===data.name）}映像结果：很难从SO注释中理解代码。可能是您在

*ngFor=“let machine of machines”

中显示了详细信息，因此它会针对每台

机器显示