Can I write an inline if with HTML content?

Question

I want to write something like:

@( checkCondition ? "<span class='label'>Right!</span>" : "")

But it is showing the source code instead the HTML, there is a easy way to do this?

Thank you!

Answer 1

You can use @Html.Raw(mystring) method like this:

@( checkCondition ? Html.Raw("<span class='label'>Right!</span>") : Html.Raw(""))

Answer 2

We can also do like that:

@if (checkCondition ) { <text><span class='label'>Right!</span></text> }

The text tag allows you to write html with syntax highlighting!

Answer 3

You can be even more concise (granted harder to read) with this:

@Html.Raw(checkCondition ? "<span class='label'>Right!</span>": string.Empty)