动态创建CSS类名?

时间:2012-08-29 14:03:04

标签: css asp.net-mvc razor

我想做这样的事情:

查看

<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返回TrueFalse。当然这段代码不起作用。

类的Html输出是:class="status_@Model.IsActive"

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

这可以做这样的逻辑吗?如果可能,我该怎么办?还是另一种改变css类的方法?可能有不同的方式。

感谢。

1 个答案:

答案 0 :(得分:7)

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

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

这是quick reference from Phil Haack