How to Include HTML inside If Statement

Question

Why when I have certain HTML in my C# statements does Razor complain about invalid expressions and terms?

And how can I fix this?

For example; in my _layout.cshtml:

@if (Team.Id == ViewBag.TeamId)
{
    </div>
    <div class="row">
    &nbsp;
}

As @RowanFreeman has indicated, escaping the HTML with @: is one way around this. If you are able to provide more context about what you're doing (what is your data, what is your desired markup result), I'd bet someone could come up with a solution that didn't involve having to worry about this. — jdphenix
– jdphenix, Commented Jul 20, 2015 at 4:16
Another option would be to connect the end div to the start div, and vice versa. The code excerpt given is a bit anti pattern from where I come from as you are splitting a div at a at seemingly random place. — holroy
– holroy, Commented Jul 20, 2015 at 5:15

Rowan Freeman · Accepted Answer · 2015-07-20 04:12:00Z

14

Razor actually tries to understand your HTML. Unfortunately it can't be highly intelligent and recognise dynamic code or code outside of the expression.

Since

</div>
<div>

is invalid HTML, it complains.

You can avoid this problem by using @:

This forces razor to bypass its "HTML recognition", and simply print whatever you're asking for.

E.g.

@if (Team.Id == ViewBag.TeamId)
{
    @:</div>
    @:<div class="row">
    @:&nbsp;
}

answered Jul 20, 2015 at 4:12

Rowan Freeman

16.5k12 gold badges72 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

3dd · Accepted Answer · 2015-07-20 04:31:46Z

0

You can also use @Html.Raw("YOUR HTML"); inside an if statement to add HTML code

answered Jul 20, 2015 at 4:31

3dd

2,54015 silver badges21 bronze badges

Comments

E Business · Accepted Answer · 2023-12-08 15:18:33Z

0

i use This syntax :

@if (Team.Id == ViewBag.TeamId)
{ 
  <text>    
    <div class="row">
    &nbsp;
    </div>
  </text>
}

answered Dec 8, 2023 at 15:18

E Business

53 bronze badges

Collectives™ on Stack Overflow

How to Include HTML inside If Statement

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related