asp.net-mvc - 根据数据库值更改行颜色

Question

我正在将任务存储在数据库中。每个任务都可以解决或打开，所以我创建了一个专栏isSolved含true或 false在数据库中，取决于状态。

现在我想显示所有任务的列表，并将已解决任务行的背景颜色设置为绿色，将未解决任务的行的背景颜色设置为红色。但是我怎么能在.cshtml里面实现这一点文件？

Answer 1

您可以使用 @()在 View 中进行条件检查。

<ul>
 @foreach(var task in Model) // Model is your list of tasks
 {
  <li class="@(task.isSolved ? "solved" : "unsolved")">@task.Description</li>
 }
<ul>

CSS

li.solved
{
   color: green;
}

li.unsolved
{
  color: red;
}