Table表格根据不同文字颜色不一样

最新推荐文章于 2024-09-27 08:18:23 发布

qq_41437844

最新推荐文章于 2024-09-27 08:18:23 发布

阅读量673

点赞数

分类专栏：个人博客文章标签： javascript html

本文链接：https://blog.csdn.net/qq_41437844/article/details/120842318

版权

个人博客专栏收录该内容

42 篇文章 7 订阅

订阅专栏

1.用ngIf来判断

<td class="center" *ngIf="data.status === '红码' " style="color:red">{{data.status}}</td>

2.函数来判断

  <td class="center" :style="changeColor(data.status)">{{data.status}}</td>

  changeColor(codeColor:any) {
    let color = '';
    if (codeColor === '红码') 
        color = '#ff0000'
    else if (codeColor === '黄码') 
        color = '#ffcf10'
    else 
        color = '#00ff2f'

    return {
        color: color
    }
  }