ASP.NET Web Pages (Razor) change html code if condition is true not working

Question

I'm working on ASP.NET Web Pages (Razor) project. I want to display HTML code if the condition is true but it's seems like the browser is showing it as Plain Text instead of HTML code.

Here is my HTML :

<li>@(active=="test" ? "<a href='?log' id='button'>TEST</a>" : "<a href='?test' id='button'>TEST</a>")</li>

I want if @(active=="test") condition is true then my HTML code change to another. Please help me to do this?

MikeSW · Accepted Answer · 2014-04-26 17:05:05Z

1

You can also try this

<li>@Html.Raw(active=="test" ?"<a href='?log' id='button'>TEST</a>" : "<a href='?test' id='button'>TEST</a>")</li>

The point is Razor always encodes output, you need to tell it not to do it using Html.Raw() helper

answered Apr 26, 2014 at 17:05

MikeSW

16.4k3 gold badges42 silver badges53 bronze badges

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

Comments

leskovar · Accepted Answer · 2014-04-26 17:01:12Z

1

Try this approach:

@if(active=="test")
{
<a href='?log' id='button'>TEST</a>
}
else
{
<a href='?test' id='button'>TEST</a>
}

answered Apr 26, 2014 at 17:01

leskovar

6613 silver badges8 bronze badges

5 Comments

Anonymous Over a year ago

Thanks It's working! But I want to know also how it's working now and what's wrong with my method?

leskovar Over a year ago

Razor does not recognize the '?' operator so it just renders it as plain text. Razorview engine has its ups and downs.

Anonymous Over a year ago

Because browser source code showing the same result with both methods.

Anonymous Over a year ago

OKK... Thanks anyway.

MikeSW Over a year ago

@MaryMelody With this approach, Razor stops processing when it meets '<' and just outputs the tag. What you did was you gave it a string not a tag.

Collectives™ on Stack Overflow

ASP.NET Web Pages (Razor) change html code if condition is true not working

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related