Question

我的.NET MVC项目中具有以下HTML标记：

<div class="row">
    <div class="span6">@Model.Data</div>
    <div class="span6">@Model.OtherData</div>
</div>

我从服务器获取data。因此，我想执行以下操作：如果data为空，则用other data显示width = 100%。只是为了澄清我想做这样的事情：

<div class="row">
    <div class="span12">@Model.OtherData</div>
</div>

反之亦然。

有没有办法做到这一点？也许使用不同的HTML标签/ CSS类。

Answer 1

基本上，仅当@Model.Data不是null时，您只想有条件地显示它。您还可以为col类设置变量，并根据是否存在@Model.Data来有条件地更改该变量。尝试这样的事情：

@ {
    var colClass = 'span6';

    if (@Model.Data == null) {
      colClass = 'span12';
    }
}

<div class="row">
    @if (@Model.Data != null) {
        <div class="@colClass">@Model.Data</div>
    }
    <div class="@colClass">@Model.OtherData</div>
</div>

html在1中合并2列，宽度为100％的引导程序2

1 个答案: