如何在角形材料中更改边框底部的颜色（表格）

Question

i使用棱角材料（表格）显示用户列表，并获取服务器用户， 现在，如果用户为0，则显示边框为底红色，如果用户为1，则显示边框底为绿色，然后....，我已经完成了，但只运行了一次， 请帮助我

      

  <ng-container matColumnDef="date">
    <mat-header-cell *matHeaderCellDef>date</mat-header-cell>
    <mat-cell *matCellDef="let orderList">{{ orderList.date }}</mat-cell>
  </ng-container>


  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>


    <mat-row [style.border-bottom]="
      user.status == 0 ? '3px solid red' : ''||
      user.status == 1 ? '3px solid green' : ''||
      user.status == 2 ? '3px solid blue' : ''||
      user.status == 3 ? '3px solid skyBleu' : ''||
      user.status == 4 ? '3px solid purple' : ''||
      user.status == 5 ? '3px solid #254e54' : ''
      "
      [routerLink]="['/showOrder']"
      routerLinkActive="router-link-active" *matRowDef="let row; columns: displayedColumns;"
      fxLayoutAlign="center center">
    </mat-row>

</mat-table>

Answer 1

您需要使用row.user而不是user.status 实时示例：Stackblitz

说明：

当您使用user.status时，它将从您的对象从服务器获取。由于它与第一个条件user.status == 0匹配，因此所有行均使用该颜色设置样式。但是，当您使用row.user时，它将根据条件检查每个行和样式。这样就解决了您的问题。