如何添加箭头图标以展开和折叠具有可扩展行的Angular Mat-Table中的任何行？

Question

我已经创建了一个带有可扩展行的mat-table，就像在Angular 8中一样：

https://stackblitz.com/angular/pmagobelkkg?file=app%2Ftable-expandable-rows-example.ts

但是，如上例所示，仅当我单击该行中的某个位置时，该行才会展开。有什么方法可以在每行中添加向上和向下箭头图标，以便仅当我单击每行中的图标时，该行才会展开吗？

非常感谢您！

Answer 1

这是解决堆叠难题的方法。 Forked stackblitz

希望有帮助！