razor syntax to write tags based on the condistion

Question

@for (var i = 0; i < 3; i++)
{
  if(@Model.lstEmp[i].isTrue==true)
  {
    <tr bgcolor="red">
  }
  else
  {
   <tr>
  }
   <td>@Model.lstDept[i].DeptId</td>
   <td>@Model.lstEmp[i].EmpId</td>
</tr>
}

I am facing an error message that '}' not found. when I write everything inside the if and else block I'm not facing any issue but if I write like above I'm facing the issue. please help me in solving this.

Answer 1

Try the following:

@for (var i = 0; i < 3; i++)
{
    if(@Model.lstEmp[i].isTrue==true)
    {
        @:<tr bgcolor="red">
    }
    else
    {
        @:<tr>
    }
    @:<td>@Model.lstDept[i].DeptId</td>
    @:<td>@Model.lstEmp[i].EmpId</td>
    @:</tr>
}

Answer 2

I think the only problem is that you have if(@Model). You don't need the @ there because it is still in the razor context. Somehow it knows whether or not to interpret it as c# or html (not always perfect).

@for (var i = 0; i < 3; i++)
{
  if(Model.lstEmp[i].isTrue==true)
  {
    <tr bgcolor="red">
  }
  else
  {
   <tr>
  }
   <td>@Model.lstDept[i].DeptId</td>
   <td>@Model.lstEmp[i].EmpId</td>
</tr>
}