角垫表可扩展行：如何自动扩展第一行？当我崩溃的时候怎么控制？

Question

查看stackblitz上的示例：https://stackblitz.com/angular/ygdrrokyvkv？file=app%2ftable-expandable-rows-example.html

1：我如何能自动扩展第一行onload？

2：例如，如果我想做一些事情，比如计算我关闭一行的次数，我该怎么做？

在我的代码中,我有一个按钮来打开和关闭它：

<td style="text-align: center;" mat-cell *matCellDef="let element">
    <mat-icon (click)="expandedElement = expandedElement === element ? null : element">
                    {{expandedElement === element ? 'expand_less' : 'expand_more'}}
    </mat-icon>
</td>

tnx很多

Answer 1

展开第一个项目：

expandedElement: PeriodicElement = ELEMENT_DATA[0];

要计算扩展了多少次的数字，已有click侦听器：

(click)="expandedElement = element"

你可以用它来数数。简单示例：

(click)="toggleExpand(element)"


closedCountState = {};

toggleExpand(element) {
  if (this.closedCountState[this.expandedElement.name]) {
    this.closedCountState[this.expandedElement.name]++
  } else {
    this.closedCountState[this.expandedElement.name] = 1;
  }

  this.expandedElement = element;
}