Css 具有mat row指令的角材质中的可扩展行

嗨，我正试图通过

mat row

指令实现类似的功能。我正在努力解决一些css问题，其中包含详细信息的面板始终可见，无法隐藏。此外，即使我隐藏面板，每次都会看到一行。我的代码看起来像

---

有人能帮我解决这个微妙的问题吗？

你的问题到底是什么还不清楚，但我认为这就是你目前所缺少的：

第一：添加以下css类：

.hide-me {
  display:none;
}

然后您可以有条件地使用ngClass设置类：

[ngClass]="{'hide-me': expandedElement !== row}"

或对于行：

<mat-row *matRowDef="let row; columns: ['expandedDetail']" 
    [ngClass]="{'hide-me': expandedElement !== row}" 
    class="example-detail-row"></mat-row>

它至少解决了一个显而易见的问题：