asp.net - Razor View 中的 div 颜色

Question

我正在我的 asp.net MVC 3 razor View 中显示产品列表。我在 div 内的 foreach 循环中显示产品。我希望如果产品正在销售，则 div 颜色为红色。如何在 Razor View 中更改 div 的背景颜色？

Answer 1

Razor View :

@foreach (Product product in Model.ProductList)
{
    string saleClass = product.IsOnSale ? "onSale" : "regular";
    <div class="@saleClass">
        @product.Description
    </div>
}

样式表:

onSale
{
    background-color: red;
}

regular
{
    background-color: white;
}

或者以更直接的方式:

@foreach (Product product in Model.ProductList)
{
    string style= product.IsOnSale ? "background-color: red" : "background-color: white";
    <div style="@style">
        @product.Description
    </div>
}