動態創建CSS類名稱？

Question

我想要做這樣的事情：

查看

<td class="status_@Model.IsActive"> 
     @Model.Description 
</td> 

CSS

<style type="text/css"> 
    .status_True 
    { 
     background-color: Red; 
    } 
    .status_False 
    { 
     background-color: Green; 
    } 
</style> 

@Model.IsActive是返回True或False。當然這個代碼不起作用。

類的

HTML輸出是：​​

我的預期輸出是：class="status_True"

這是可以做到這樣的邏輯是什麼？如果可以的話，我該怎麼辦？或另一種方式來改變CSS類？可能有不同的方法。

謝謝。

Answer 1

Razor語法需要一些習慣。用括號獲得實際的屬性值：

<td class="status_@(Model.IsActive)"> 

這裏有一個quick reference from Phil Haack