Как установить атрибуты HTML, такие как класс, используя MVC Razor?

Question

Как установить атрибуты html при использовании Razor?

В приведенном ниже коде я хотел бы установить атрибут класса элемента, если свойство "Succeeded" текущей модели имеет значение true.

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

Но это не работает.

Как этого добиться?

Спасибо

Answer 1

Как насчет использования условного оператора:

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

С, если:

<tr class="@if(!@charlieTestRunViewModel.Succeeded){<text>trFailedTestRun</text>}">

Answer 2

Я использую бритвенный хелпер самый элегантный

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

и использую его как

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

Answer 3

Вы можете использовать это

Вы должны указать свою модель поверх вашего вида, как показано ниже

@ модель charlieTestRunViewModel

Answer 4

Я бы сделал метод Extension для HtmlHelper следующим образом

public static MvcHtmlString GetFailedClass(this HtmlHelper html, bool condition)
    {
        if(!condition)
           return MvcHtmlString.Create("trFailedTestRun")
    }

А потом в поле зрения

<tr class="@Html.GetFailedClass(charlieTestRunViewModel.Succeeded)">