douzhao6584
2018-03-31 15:18
浏览 307
已采纳

如何使用angularjs或jQuery更改HTML表格中的文本颜色?

I have table: order id,status

status value: (closed,canceled)
Value get from maria-db.

This result I want see in html page(table).

  • closed: color -- red
  • canceled: color -- green

This my td:

<td>{{data.orderid}}</td>
<td>{{data.status}}</td>

I use angularjs, (php for connection).

I tried this:

$('.status:contains("closed")').css('color', 'red'); 
$('.status:contains("canceled")').css('color', 'green');

图片转代码服务由CSDN问答提供 功能建议

我有表: order id,status

状态值:( 关闭,取消)
值得从maria-db。

我希望在html页面(表格)中看到这个结果。
< ul>

  • 已关闭:颜色 - 红色
  • 已取消:颜色 - 绿色

    此我的td:< /p>

    <td>{{data.orderid}}</td>
    <td>{{data.status}}</td>
      
     
     

    我使用angularjs,(php用于连接)。

    我试过这个:

     <  code> $('。status:contains(“closed”)')。css('color','red');  
     $('。status:contains(“cancelled”)')。css('color','green'); 
       
     
    • 写回答
    • 好问题 提建议
    • 关注问题
    • 收藏
    • 邀请回答

    1条回答 默认 最新

    • douhuiqi3855 2018-03-31 15:58
      已采纳

      you can you angular expression for this

      1. Make two style with name greenStyle and redStyle

        .greenStyle{ color:green; }

        .redStyle{ color:red; }

      2. In your table add.

      <td>{{data.orderid}}</td>
      <td class="{{data.status=='closed'?'redStyle':'greenStyle'}}">{{data.status}}</td>

      </div>
      
      已采纳该答案
      评论
      解决 无用
      打赏 举报

    相关推荐 更多相似问题