剃刀視圖中的div顏色

Question

我在我的asp.net MVC 3剃鬚刀視圖中顯示產品列表。我在div內的foreach循環中顯示產品。我想如果產品在出售，那麼div顏色是紅色的。如何在剃刀視圖中更改div的背景顏色？

Answer 1

Razor視圖：

@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> 
}