asp.net-mvc-3 - 如何改进 Razor 视图中的代码以根据文本内容更改文本的颜色

Question

我的剃刀视图中有以下代码，可根据文本内容更改文本的颜色：-

string status = ViewData[vlr.LabTestID.ToString()].ToString();

              if (status.ToUpper().StartsWith("Erro".ToUpper()))
                {
        <td style="color: #b30000">
       @status
        </td>
                }
             else   if (status.ToUpper().StartsWith("With".ToUpper()))
                {
        <td style="color: #6b9e52">
        @status
        </td>}
              else  if (status.ToUpper().StartsWith("Below".ToUpper()))
                {
        <td style="color: #b30000">
        @status
        </td>}
             else   if (status.ToUpper().StartsWith("Above".ToUpper()))
                {
        <td style="color: #b30000">
        @status
        </td>}
              else  if (status.ToUpper().StartsWith("Cannot".ToUpper()))
                {
        <td style="color: #5c87b2">
        @status
        </td>}
             }

但是有没有办法使用比上述更可靠和更简单的方法来执行相同的功能？BR

Answer 1

您可以为每种可能性定义一个 CSS 样式，然后让它发挥作用。

剃刀

<td class="@status.ToUpper()">
@status
</td>

CSS

.ERRO
{
    color: #6b9e52;
}

.WITH
{
    color: #b30000;
}