Получение заголовков HTML для динамического вывода Razor

Question

Я создаю страницу в Razor, и я пытаюсь динамически выводить заголовки в зависимости от глубины узла.

Таким образом, узел верхнего уровня является h1, h2 второго уровня и т.д. ...

бит я борюсь становится бритвой динамически выводить заголовки. Половина из них, похоже, работает, но закрывающий тег не будет выводиться.

Это бритва:

<h@{@parts} id="#@item.Id">@sectionString@level @item.Name </h@{@parts} > 

который выводит следующий HTML:

<h4 id="#1073">4.1.1 Get a baseline </h@{@parts} > 

Если я удалить косую черту это работает, но я в конечном итоге с <h3><h3>, а не <h3></h3>.

Я также попытался:

<h@{@parts} id="#@item.Id">@sectionString@level @item.Name </h@parts > 

<h@{@parts} id="#@item.Id">@sectionString@level @item.Name </h@{parts} > 

Если я не могу получить эту работу, я думаю, мне придется прибегнуть к очень долго, если заявление, которое я предпочел бы избежать. Я думаю, что косая черта должна как-то ускользнуть? Спасибо.

Answer 1

Работал!

<h@{@parts} id="#@item.Id">@sectionString@level @item.Name @Html.Raw("</h")@parts@Html.Raw(">") 

Мне просто нужно было избежать кода, оно не выглядит аккуратным, но оно работает.

Редактировать: приведенные ниже комментарии показывают гораздо лучший способ сделать это. Спасибо за это!

Answer 2

Лучше сделать помощник:

@Heading(1, (sectionString + level + item.Name), item.Id) 
@Heading(2, "Sub heading") 
@Heading(3, "Lesser heading", "anyId") 

@helper Heading(int headingLevel, string title, string id = null) 
{ 
    @if (id != null) 
    { 
     @Html.Raw(string.Format(@"<h{0} id=""{1}""", headingLevel, Html.Encode(id))) 
    } 
    else 
    { 
     @Html.Raw(string.Format("<h{0}>", headingLevel)) 
    } 
    @title 
    @Html.Raw(string.Format("</h{0}>", headingLevel)) 
}