如何在cshtml中使用带有<div>标签的if..else条件?

时间:2016-09-27 18:32:48

标签: html asp.net-mvc razor

我想在if else标记中使用<div>条件来显示/隐藏title。发生的事情是,有时@tag.Description是空的,因此我的HTML显示为空title而我不希望这样。

enter image description here

如果title不为空,我只想显示@tag.Description,否则请勿显示。

我已经添加了这个条件,但是想让它成为正确的方法。

代码:

<ul class="tag-summary">
    @foreach (var tag in Model.MenuTags)
    {
        <li>
            //Current
            <div class="tag @tag.TagValue" title="@tag.Description">
                <label>@tag.Name</label>
            </div>

            // Code with condition but not sure this is the right way or not
            <div class="tag @tag.TagValue" title="(string.IsNullOrEmpty(@tag.Description) ? null : @tag.Description)">
                <label>@tag.Name</label>
            </div>

            <div class="tag-definition">@tag.Description</div>
        </li>
    }
</ul>

1 个答案:

答案 0 :(得分:0)

找到它。

<ul class="tag-summary">
    @foreach (var tag in Model.MenuTags)
    {
        <li>
            <div class="tag @tag.TagValue" **title='@(string.IsNullOrEmpty(tag.Description) ? null : tag.Description)'**>
                <label>@tag.Name</label>
            </div>

            <div class="tag-definition">@tag.Description</div>
        </li>
    }
</ul>