asp.net-mvc - Jquery 编写 if 条件的更好方法

Question

我正在使用 jquery 编写 ASP.NET MVC 代码，其中我必须处理 if 语句。我很困惑我写的方式是否正确。关于重构以下代码有什么建议吗？

@if (Model.HasRecords)
{
    <script>
        $(function () {
            $("#cancel").hide();
        });
    </script>
}
else
{
    <script>
        $(function () {
            $("#cancel").show();
        });
    </script>
}

Answer 1

您可以使用 Razor 三元来优化它。

<script>
    $(function () {
        $("#cancel").@Html.Raw(Model.HasRecords ? "hide();" : "show();")
    });
</script>

比在 JavaScript 中为此烦恼更好的是，您可以将 #cancel 元素包装在一个语句中，该语句仅在模型有任何记录时才将其写入输出。所以在你的 HTML 中，你可以有这样的东西(假设它是一个输入，但它可以是任何其他类型的 HTML 元素):

@if (Model.HasRecords) {
    <input type="button" id="cancel">Cancel</input>
}

这会更有意义。