角度5（材料表）：设置隐藏的行

Question

有什么方法可以将行隐藏起来吗？ 换句话说，我想设置隐藏或显示的行的可见性。 我尝试使用不起作用的* ngIF。 任何意见，将不胜感激。 谢谢

Answer 1

您可以根据以下条件在[hidden]上设置mat-row：

<tr mat-row *matRowDef="let row; columns: cols;"
  [hidden]="row?.shouldHide === true">
</tr>

Answer 2

如果您像我一样使用 mat-table 和 mat-row，您可以使用 style/class 和 ngClass 来实现，如下所示：

在您的 css 中：

.hideMe{
    display: none;
}

在 html 中：

<mat-row *matRowDef="let row; columns: displayColumns;" [ngClass]="{'hideMe' : row.visible === false}"></mat-row>

文档：https://angular.io/api/common/NgClass