让Razor动态输出HTML标题

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} >

如果我无法解决这个问题，我想我将不得不求助于很长的if语句，而我宁愿避免。 我认为斜线需要以某种方式转义？ 谢谢。

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))
}