Umbraco Razor 代码在将 Div 包裹在多 URL 选择器周围时中断

Question

将我的 MultiURL 选择器包裹在 div 标记中时，它会破坏页面，以前在 Umbraco 中创建新模板时有没有人见过这种行为？

如果有人以前遇到过这种情况并可以分享修复方法，将不胜感激。

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@using Archetype.Models;
@using Archetype.Extensions;
@using RJP.MultiUrlPicker.Models;
@{
    Layout = "Master.cshtml";
}


<div class="container">

<div class="row">
<h1>@Umbraco.Field("pageTitle")</h1>
<p>@Umbraco.Field("pageBodyText")</p>


@foreach (var fieldset in Model.Content.GetPropertyValue<ArchetypeModel>("box"))
{
<div class="THIS-DIV">

<h3>@fieldset.GetValue("boxTitle")</h3>
<img src="@Umbraco.TypedMedia(fieldset.GetValue("boxImage")).Url" />



var multiUrlPicker =  fieldset.GetValue<MultiUrls>("boxLink");
if (multiUrlPicker.Any())
{


<ul>
@foreach (var item in multiUrlPicker)
{
<li><a href="@item.Url" target="@item.Target">@item.Name</a></li>
}
</ul>


}
</div>

}

Answer 1

我认为以 var multiUrlPicker 开头的行被解释为 html 而不是代码，请尝试将您的代码包装在 @{ 和 }[=11 之间=]

<div class="THIS-DIV">
@{
    var multiUrlPicker =  fieldset.GetValue<MultiUrls>("boxLink");
    if (multiUrlPicker.Any())
    {
        <ul>
        @foreach (var item in multiUrlPicker)
        {
        <li><a href="@item.Url" target="@item.Target">@item.Name</a></li>
        }
        </ul>
    }
}
</div>

Umbraco Razor 代码在将 Div 包裹在多 URL 选择器周围时中断

Umbraco Razor code breaks when wrapping a Div round the multiURL picker

umbraco

razor