剃刀视图中的div颜色 [英] div color in razor view

问题描述

我正在asp.net MVC 3剃刀视图中显示产品列表.我在div中的foreach循环中显示产品.我希望如果产品正在销售，那么div颜色为红色.如何在razor视图中更改div的背景颜色?

I am displaying a list of products in my asp.net MVC 3 razor view. I am displaying products in foreach loop inside div. I want that if product is on sale then div color is red. How can I change background color of div in 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>
}

这篇关于剃刀视图中的div颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！