css - 动态创建 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_@Model.IsActive"

我的预期输出是:class="status_True"

这样的逻辑可以做吗？如果可能，我该怎么办？或者另一种改变css类的方法？可能有不同的方法。

谢谢。

Answer 1

Razor 语法需要一些时间来适应。使用括号获取实际的属性值:

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

这是 quick reference from Phil Haack