如果在 Django 中不可用，如何在下拉列表中显示类别并隐藏？

Question

我正在 Django 中使用下拉菜单，我已经做到了。 但主要问题是，如果一个category没有subcategory那么下拉菜单应该隐藏，请让我知道我该怎么做。

这里是我html代码，当我展示category ， subcategory和subchildcategory ..

   {% for i in cat %}
                            <li class="mega" id="hover-cls"><a href="javascript:void()" class="has-submenu" id="sm-15980957729343015-21" aria-haspopup="true" aria-controls="sm-15980957729343015-22" aria-expanded="false">{{i.cat_name}}
                                <span class="sub-arrow"></span></a>
                                <ul class="mega-menu full-mega-menu" id="sm-15980957729343015-22" role="group" aria-hidden="true" aria-labelledby="sm-15980957729343015-21" aria-expanded="false">
                                    <li>
                                        <div class="container">
                                            <div class="row">
                                                {% for j in i.subcategoryies.all|slice:"0:10" %}
                                                <div class="col mega-box">
                                                    <div class="link-section">
                                                        <div class="menu-title">
                                                            <h5>{{j.subcat_name}}<span class="according-menu"></span></h5>
                                                        </div>
                                                        <div class="menu-content" style="display: none;">
                                                            <ul>
                                                               {% for k in j.SubChildRelated.all %}
                                                                <li><a href="/subcategory/{{k.slug}}">{{k.name}}</a></li>
                                                                {% endfor %}
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                {% endfor %}
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </li>
 {% endfor %}

这里{% for j in i.subcategoryies.all|slice:"0:10" %}子类别将显示，但如果{{i.cat_name}}没有subcategory那么它不应该显示为 main 中的下拉列表菜单，所以如果一个类别没有子类别，请告诉我如何隐藏下拉菜单。

Answer 1

您可以对SubChildRelated使用length过滤器并检查它是否 > 0。

示例代码：

    {% for i in cat %}
                                <li class="mega" id="hover-cls"><a href="javascript:void()" class="has-submenu" id="sm-15980957729343015-21" aria-haspopup="true" aria-controls="sm-15980957729343015-22" aria-expanded="false">{{i.cat_name}}
                                    <span class="sub-arrow"></span></a>
                                    <ul class="mega-menu full-mega-menu" id="sm-15980957729343015-22" role="group" aria-hidden="true" aria-labelledby="sm-15980957729343015-21" aria-expanded="false">
                                        <li>
                                            <div class="container">
                                                <div class="row">
                                                    {% for j in i.subcategoryies.all|slice:"0:10" %}
                                                    <div class="col mega-box">
                                                        <div class="link-section">
                                                            <div class="menu-title">
                                                                <h5>{{j.subcat_name}}
                                       // MODIFIED LINE BELOW
                                                                    {% if j.SubChildRelated|length > 0 %}<span class="according-menu"></span>{% endif %}
                                                                </h5>
                                                            </div>
                                                            <div class="menu-content" style="display: none;">
                                                                <ul>
                                                                   {% for k in j.SubChildRelated.all %}
                                                                    <li><a href="/subcategory/{{k.slug}}">{{k.name}}</a></li>
                                                                    {% endfor %}
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {% endfor %}
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                    {% endfor %}