如果正文是空的，如何隐藏页面上的内容区域？

Question

我有一些页面并不总是在身体中有内容，并且希望将该区域视为空白并隐藏它。

通常我会使用

@if (Model.Content != null)
{
    <section id="layout-content">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    @Zone(Model.Content)
                </div>
            </div>
        </div>
    </section>
}

问题是内容区域在页面，标题和元数据上永远不会为空。即使我隐藏那些带位置的东西，它仍然不是空的，所以它只显示空标签。

<section id="layout-content">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="zone zone-content">
                    <article class="page content-item">
                        <header> </header>
                    </article>
                </div>
            </div>
        </div>
    </div>
</section>

我可以以某种方式检查我的布局中是否有空体，或者你会建议更好的方法吗？

Answer 1

不要在布局中隐藏顶级内容区域。相反，重写Content.cshtml并从那里隐藏本地区域。