Using Asp.net mvc razor, how to not have to use div tag to force html output

Question

I've got the following cshtml code in my razor view.

<div class="col left-col pull-left">
    @for (int i = 0; i < @Model.NewsResults.Count; i = i + 2)
    {
        NewsResult article1 = @Model.NewsResults[i];
        <div>@i - @article1.Title   @Html.Partial("NewsItemPartial", article1)</div>
    }
</div>

The @i ... seems to tell razor to ouput the data. If I leave the out there, nothing renders.

Please explain how I can do what I have below but without having to use the (before the @i).

Mark PM · Accepted Answer · 2015-09-20 18:29:47Z

1

You can tell razor to output HTML by putting the text tag instead of div:

<text>@i - @article1.Title   @Html.Partial("NewsItemPartial", article1)</text>

answered Sep 20, 2015 at 18:29

Mark PM

2,90416 silver badges21 bronze badges

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

Comments

Erik Funkenbusch · Accepted Answer · 2015-09-20 19:03:49Z

1

Razor is getting confused because it thinks the - is a subtraction operator, and it's trying to subtract Title from i. you could use Mark's method, or you could make it even more localized by putting the <text> block around the -.

@i <text>-</text> @article1.Title   @Html.Partial("NewsItemPartial", article1)

However, it looks to me like you're trying to implement a template output, which MVC already provides a mechanism for, called DisplayTemplates. You should really use those instead of Partials.

answered Sep 20, 2015 at 19:03

Erik Funkenbusch

93.7k29 gold badges201 silver badges292 bronze badges

1 Comment

Erik Philips Over a year ago

The whole line should be it's own display template, and the model should include its position in the list before it reaches view.

NightOwl888 · Accepted Answer · 2015-09-20 20:37:11Z

0

As has already been mentioned, Razor is considering the - to be a subtraction operator because of its position right after the @i, which is converting it into a C# block.

You can use <text></text> to convert any block (single line or multiline) into a text literal in Razor.

@i <text>-</text> @article1.Title   @Html.Partial("NewsItemPartial", article1)

Or better yet, for a single line (or single character as your example), you can alternatively use the @: operator.

@i @:- @article1.Title   @Html.Partial("NewsItemPartial", article1)

Reference: http://haacked.com/archive/2011/01/06/razor-syntax-quick-reference.aspx/

answered Sep 20, 2015 at 20:37

NightOwl888

57.1k28 gold badges148 silver badges222 bronze badges

Collectives™ on Stack Overflow

Using Asp.net mvc razor, how to not have to use div tag to force html output

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related