Conditional statement in c# expression in Razor

Question

How can I write this if statement

@if (camera.IsInStock)
{
    <span class="text-success" style="float:right">IN STOCK</span>
}
else
{
    <span class="text-danger" style="float:right">OUT OF STOCK</span>
}

in expression like this:

@(camera.IsInStock ? "<span style='float:right' class='success'>IN STOCK</span>" : "<span style='float:right' class='danger'>OUT OF STOCK</span>")

The expression I provided doesn't work. Thanks

Shyju · Accepted Answer · 2017-11-25 19:03:58Z

2

When you are trying to render the HTML markup inside a ternary expression, you should use Html.Raw method so that it will not get html encoded by razor.

@(camera.IsInStock ? 
        Html.Raw("<span style='float:right' class='text-success'>IN STOCK</span>") 
      : Html.Raw("<span style='float:right' class='text-danger'>OUT OF STOCK</span>"))

I personally prefer your first approach as i feel that is more readable. you may also consider creating helper methods which takes the IsInStock flag and return the css class needed and the text needed or even your entire span markup.

edited Nov 25, 2017 at 19:03

answered Nov 25, 2017 at 18:58

Shyju

220k106 gold badges421 silver badges499 bronze badges

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

Collectives™ on Stack Overflow

Conditional statement in c# expression in Razor

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related