html - 如何以角度更改特定垫表列条目的字体颜色？

Question

我有四个角度为 4 的垫子表。表 A、表 B、表 C 和表 D。表 C 有三列。第 1 列，第 2 列，第 3 列。如果我想更改表 C 中第 3 列条目的字体颜色，我该怎么做？在此之前我没有任何使用角度的经验，所以如果我的问题太琐碎或不清楚，请原谅我。

Answer 1

首先，我想分享一下参考资料，以便您更好地理解，我强烈推荐材料设计文档。

以下是参考链接，可帮助您以角度更改特定垫表列条目的字体颜色

https://material.angular.io/components/table/examples

简单地说，您需要添加带有颜色的样式属性：

<ng-container matColumnDef="color">
  <mat-header-cell *matHeaderCellDef mat-sort-header> Color </mat-header-cell>
  <mat-cell *matCellDef="let row" [style.color]="row.color"> {{row.color}} </mat-cell>
</ng-container>

Answer 2

您可以像这样简单地为任何单元格、标题赋予样式

<mat-cell *matCellDef="let row" [style.color]="row.color"> {{row.color}} </mat-cell>

参考。从这里

• https://material.angular.io/components/table/examples

Answer 3

如果要根据单元格值控制字体颜色？你可以做这样的事情。

[style.color]="row.status === 'CLOSED' ? 'red' : 'black'"