我已经创建了一个导航栏,可以从后端添加内容,但只有主导航栏显示图标,其他导航栏名称具有相同的图标。我想添加一个不同图标的导航栏。并希望运行if、elif和else条件。请帮助我如何动态使用if-elif和else。
没有动态内容的初始HTML
<!-- Nav Links -->
<li class="nav-item">
<a class="nav-link fs-5" href="#समाचार">
<i class="fas fa-address-book mr-1">
</i>समाचार
</a>
</li>
<li class="nav-item active">
<a class="nav-link fs-5" href="/">
<i class="fas fa-home mr-1"></i>
होमपेज
</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="#भिडियो">
<i class="far fa-clone mr-1">
</i>भिडियो
</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="#विजनेस">
<i class="far fa-calendar-alt mr-1">
</i>विजनेस
</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="#ग्यालरी">
<i class="far fa-chart-bar mr-1">
</i>ग्यालरी
</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="#प्रोफाइल">
<i class="far fa-copy mr-1">
</i>प्रोफाइल
</a>
</li>
动态后端添加了HTML,假设为了工作而更改:
{% for i in nav_data %}
{% if forloop.first %}
<li class="nav-item active">
<a class="nav-link fs-5" href="/">
<i class="fas fa-home mr-1"></i>
{{i.name}}
</a>
</li>
{% elif forloop.first %}
<a class="nav-link fs-5" href="/">
<i class="fas fa-home mr-1"></i>
{{i.name}}
</a>
{% else %}
<li class="nav-item">
<a class="nav-link fs-5" href="#भिडियो">
<i class="far fa-clone mr-1">
</i>{{i.name}}
</a>
</li>
{% endif %}
{% endfor %}
*注意:需要在每个li和i.name中使用if、elif和else条件,应该按照访问顺序从后端给出值。
从elif条件中删除{%forloop.first%}你对if和elif 都给出了相同的条件