How to set html attributes such as class using MVC Razor?

Question

How to set html attributes using when Razor?

In the below code, I'd like to set the class attribute of element if "Succeeded" property of the current model is true.

<tbody>
                @foreach (CharlieTestRunViewModel charlieTestRunViewModel in Model)
    {
                    <tr class="@if([email protected]){'trFailedTestRun'}">
                        <td>
                            @charlieTestRunViewModel.Succeeded
                        </td>
                                    </tr>
    }
            </tbody>

But it doesn't work.

How to achieve this?

Thanks

Answer 1

What about using the conditional operator:

<tr class="@(!charlieTestRunViewModel.Succeeded ? "trFailedTestRun" : "")">

With if:

<tr class="@if([email protected]){<text>trFailedTestRun</text>}">

Answer 2

I find using razor helper most elegant

@helper ClassIf(bool condition, string className)
{
   if (condition)
   {
      @className
   }    
}

and use it like

 <tr class="@MyHelpers.ClassIf(charlieTestRunViewModel.Succeeded, "trFailedTestRun")">