javascript - 在 MVC 中有条件地更改字体颜色

Question

我是 MVC 新手，仍在学习处理事情的最佳方法。

我的问题是我想有条件地更改字体颜色。例如，如果某些内容被删除。我希望该项目的字体颜色更改为红色。

作为引用，我将在下面的这个问题中添加相关数据。

VIEW(我想删除后变成红色的)

<div class="well text-center">
  <h1><b>Purchase Order @Html.DisplayFor(model => model.OrderID)</b></h1>    
</div>

Controller

public ActionResult DeleteConfirmed(int id)
{
    PurchaseOrder purchaseOrder = db.PurchaseOrders.Find(id);
    purchaseOrder.deleted = !purchaseOrder.deleted;
    db.SaveChanges();
    db.Entry(purchaseOrder).Reference("Supplier").Load();
    if (purchaseOrder.deleted)
    {
        TempData["message"] = string.Format("Purchase Order - {0} has been deleted\nCompany: {1}\nExpected Date:{2}\nNotes:{3}\n\nLink: {4}/PurchaseOrders/Details/{5}", purchaseOrder.ID, purchaseOrder.Supplier.Company, purchaseOrder.DeliveryDate, purchaseOrder.Details, IGT.baseUrl, purchaseOrder.ID);
    }
    else
    {
        TempData["message"] = string.Format("Purchase Order - {0} has been undeleted\nCompany: {1}\nExpected Date:{2}\nNotes:{3}\n\nLink: {4}/PurchaseOrders/Details/{5}", purchaseOrder.ID, purchaseOrder.Supplier.Company, purchaseOrder.DeliveryDate, purchaseOrder.Details, IGT.baseUrl, purchaseOrder.ID);

    }
    return RedirectToAction("Index");
}

谢谢!

Answer 1

让事情变得简单:)

在 DisplayFor 周围放置一个跨度，并在已删除的属性上使用三元运算符来设置一个 css 类，该类将在删除时将文本变为红色，否则将变为不同的颜色。

<div class="well text-center">
  <h1>
     <b>Purchase Order <span class="@(Model.deleted ? "DeletedCSSClass" : "ActiveCSSClass")"> @Html.DisplayFor(model => model.OrderID)</span></b>
  </h1>    
</div>