Best way to write razor (format issue)

Question

Hi I have the following code in razor:

@{
                foreach (var item in this.Model)
                {
                    if (item.Items == null)
                    {
                        @: <li @{if (item.Active) { <text> class="active" </text>   } }>

                       if (item.SpanClass == null)
                       {
                            @: <a href="@item.Url" @{ if (item.Active) { <text> class="waves-effect active" </text>    } else { <text> class="waves-effect" </text>     } }><i class="@item.Icon"></i><span> @item.Text </span></a>
                       }else
                       {
                            @: <a href="@item.Url" @{ if (item.Active) { <text> class="waves-effect active" </text>    } else { <text> class="waves-effect" </text>     } }><i class="@item.Icon"></i><span> @item.Text <span class="@item.SpanClass">@item.SpanValue</span></span></a>
                                        }

                        }
                        @: </li>
                     }
            }

It looks like this:

But I go to:

Then the code format is destroyed:

Any clue?

You can simplify all this considerably by using a view model that includes properties for your class names - e.g. `
This might be of some help http://stackoverflow.com/a/4942145/1339516 — Searching, Nov 15 '16 at 03:41

score 1 · Answer 1 · answered Nov 15 '16 at 08:22

I would do something like that

@{
    foreach (var item in this.Model)
    {
    var activeClass = item.Active ? "active" : "";
    if (item.Items == null)
    {
        <li class="@activeClass">
            @if (item.SpanClass == null)
            {

                <a href="@item.Url" class="waves-effect @activeClass"><i class="@item.Icon"></i><span> @item.Text </span></a>
            }
            else
            {
                <a href="@item.Url" class="waves-effect @activeClass"><i class="@item.Icon"></i><span> @item.Text <span class="@item.SpanClass">@item.SpanValue</span></span></a>
            }
        </li>
      }
   }
}

Best way to write razor (format issue)

1 Answers1