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!

http://stackoverflow.com/questions/4091831/how-to-use-ternary-operator-in-razor-specifically-on-html-attributes — billyonecan, May 08 '13 at 14:30

Volodymyr Machula · Accepted Answer · 2013-05-08T14:48:50.110

61

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

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

edited May 08 '13 at 14:48

answered May 08 '13 at 14:39

Volodymyr Machula

Thank you, I tried but I get error implicit conversion between'System.Web.IHtmlString' and 'string', seems that I have to use the standar If for this case. – Santiago May 08 '13 at 14:43
1

Use `Raw` method for both strings as above. I have edited my answer. – Volodymyr Machula May 08 '13 at 14:50

score 26 · Answer 2 · answered Aug 21 '14 at 22:29

26

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

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

answered Aug 21 '14 at 22:29

Mish Ochu

score 2 · Answer 3 · answered Jul 06 '18 at 07:43

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!

answered Jul 06 '18 at 07:43

A. Morel

3 Answers3