Razor: tag within conditional statement throwing error

Question

@if (Model.Property != null)
{
    <text>
        <div class="row">
    </text>
    Html.RenderPartial("~/Views/CustomView.cshtml", Model);
    <text> (line throwing error)
        </div>
    </text>
}

Error: "The "text" element was not closed. All elements must be either self-closing or have a matching end tag."

I struggle to understand why second set of <text> tags is returning that error. Any help to understand it would be appreciated.

score 5 · Accepted Answer · answered Oct 16 '14 at 15:40

5

In Razor, tags must be nested properly. <text></div></text> is not proper nesting.

I think in your case you simply should remove all the <text> and </text> tags:

@if (Model.Property != null)
{
    <div class="row">
        @Html.Partial("~/Views/InTimeTemplate/InputFormElements/ReadMore.cshtml", Model);
    </div>
}

Which is equivalent to:

@if (Model.Property != null)
{
    <div class="row">
        @{
            Html.RenderPartial("~/Views/InTimeTemplate/InputFormElements/ReadMore.cshtml", Model);
        }
    </div>
}

Partial will return the result, which will be rendered thanks to the @
RenderPartial will render it directly, but you need to introduce a C# block with @{ ... }

answered Oct 16 '14 at 15:40

Lucas Trzesniewski

50,214
11
107
158

I've tried to do that. Removing `` tags is throwing "Cannot implicitly convert type 'void' to 'object' on HtmlHelper.RenderPartial. Everything is ok without `
` tags.
– Chris Hermut Oct 16 '14 at 15:44
@Chris My first version of the answer was wrong, I copy/pasted a bit too quickly, try the updated version. – Lucas Trzesniewski Oct 16 '14 at 15:45
Sorted. Still forgetting to enclose HtmlHelpers between curly brackets. Thanks – Chris Hermut Oct 16 '14 at 15:46

score 0 · Answer 2 · answered Mar 10 '18 at 15:49

Bit too late but still:

Just as an example u can use "@:"

Like this:

@for (int t = 0; t < Model.TrainLines[i].Stations.Count; t++)
            {
                <circle id="pointA" cx="@stationCounter" cy="@trainLineCounter" r="3" />
               @: <text x="@stationCounter" y="@trainLineCounter" dy="30">A</text>
                stationCounter += 50;
            }

Razor: tag within conditional statement throwing error

2 Answers2

Linked