Как присвоить значение класса на основе условия if в выражении Flask, HTML, Jinja - PullRequest
Новая
       71

Как присвоить значение класса на основе условия if в выражении Flask, HTML, Jinja

0 голосов
/ 04 августа 2020

В основном я хочу, чтобы мой элемент навигации отображался или был скрыт в зависимости от значения страницы. поэтому, если значение страницы больше 1, мой элемент навигации должен отображаться в моем шаблоне, иначе он должен быть скрыт. 

<nav  {% if page != 1 %} class="py-3 col-md-11" {% else %} class="hidden" {% endif %} aria-label="Page navigation example" style="margin-top: -25px;">

Я пробовал этот код, но он не работает. значение моей страницы равно 1, но все же оно отображается в шаблоне пользовательского интерфейса.

весь мой код 

<nav  {% if page != 1 %} class="py-3 col-md-11" {% else %} class="hidden" {% endif %} aria-label="Page navigation example" style="margin-top: -25px;">
      <ul class="pagination">

        <li class="page-item">
            {% if prev >=1 %}
          <a class="page-link"  href="{{url_for('advsearch' , page = prev)}}" aria-label="Previous">     
            <span aria-hidden="true">&laquo;</span>
            <span class="sr-only">Previous</span>
          </a>
          {% endif %}
        </li>
        <li class="page-item">
          {% if next <= page %}
          <a class="page-link" href="{{url_for('advsearch' , page = next+1 )}}">{{next}}</a>
          {% endif %}
        </li>
        <li class="page-item">
          {% if next+1 <= page %}
          <a class="page-link" href="{{url_for('advsearch' , page = next+2 )}}">{{next+1}}</a>
          {% endif %}
        </li>
        <li class="page-item">
          {% if next+2 <= page %}
          <a class="page-link" href="{{url_for('advsearch' , page = next+3 )}}">{{next+2}}</a>
          {% endif %}
        </li>
  
        <li class="page-item">
          {% if next <= page %}
          <a class="page-link"  href="{{url_for('advsearch' , page = next)}} aria-label="Next">   
            <span aria-hidden="true">&raquo;</span>
            <span class="sr-only">Next</span>
          </a>
          {% endif %}
        </li>
      </ul>
    </nav>
...