检查从模型传递的字符串的长度

Question

我在 ASP.NET MVC 中工作，我在检查从我的模型传递的字符串是否为空时遇到了一些问题。

我有一个<p>-标签，在<div> 内，如下所示：

<div class="category-text">
    <p class="sidebar-text">@Html.Raw(Model.Text)</p>
</div>

在某些情况下会保存文本，而在某些情况下不会，所以如果文本为空，我希望包含此 <p>-tag 的整个 div 不显示。我为此编写了一个 jQuery 函数：

if ($(".sidebar-text").text().length) {
    $(".category-text").show();
}

这个功能似乎在起作用。例如，如果我将“asd”硬编码到<p>-tag 中并将其记录到控制台中，它会给我“3”，这就是我期望它的工作方式。

我的问题是使用@Html.Raw(Model.Text) 总是返回0，这使得整个category-text div 不显示。我知道 Model.Text 具有价值，并且在我看来在其他地方使用 @Html.Raw(Model.Text) 证明文本实际上在 Model.Text-object 中。

我错过了什么？

Answer 1

用if 语句包围<div>，如下所示：

@if(!String.IsNullOrEmpty(Model.Text))
{
    <div class="category-text">
        <p class="sidebar-text">@Html.Raw(Model.Text)</p>
    </div>
}

这将阻止整个 <div> 呈现给它在 DOM 中不可用的响应。

但是，如果您需要在 DOM 中存在但不可见的 <div>，由于段落为空，您可以在服务器上设置 CSS 可见性属性。例如

<style>
    .invisible { visibility: hidden; }
</style>

那么<div> 的 HTML 将如下所示：

<div class="category-text @(String.IsNullOrEmpty(Model.Text) ? String.Empty : invisible)">
    <p class="sidebar-text">@Html.Raw(Model.Text)</p>
</div>