Как переключить класс внутри ветки (если условие)

Question

Здравствуйте, у меня есть значок закладки, который я хочу включить в зависимости от состояния ветки. Прежде всего, это отключено с помощью inspect:

enabled:

как вы можете видеть здесь, все, что я делаю, это вставляю класс faved в кнопку:

class="faved"

теперь, после того, как мы сможем понять друг друга, вот мой тестовый код ветки, который был проверен, есликнига помечена закладкой

{% for favs in fav %}
  {% if livre.idLivre == favs.idLivre.idLivre %}
   <h>favorited book in the database</h>
  {% endif %}
{% endfor %}

вывод

, как вы можете видеть, я могу захватить любимые книги в БД и распечатать "любимую книгу вбаза данных »в качестве теста

это мой полный код ветки, который содержит код btn:

{% for favs in fav %}
{% if livre.idLivre == favs.idLivre.idLivre %}
<h>favorited book in the database</h>
{% endif %}
{% endfor %}
 <div align="center" id="{{ livre.idLivre }}">
ajouter au favoris
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"rel="stylesheet">
<button id="heart">
<span class="glyphicon glyphicon-heart">
<span class="glyphicon glyphicon-heart">
</span>
</span>
</button>

Теперь задача, которую я хочу выполнить, состоит в том, чтобы изменить статус включенного значка илидругими словами вставьте class = "faved" в кнопку, если условие ветки верно.

Answer 1

Просто возьмите свое условие и сделайте его встроенным, чтобы определить, должен ли класс быть добавлен на кнопку.

Здесь я создал переменную, чтобы определить, существует ли избранное. Затем я использую встроенное условие, чтобы добавить класс к кнопке, когда faved == true.

{% set faved = false %}
{% for favs in fav %}
{% if livre.idLivre == favs.idLivre.idLivre %}
{% set faved = true %}
<h>favorited book in the database</h>
{% endif %}
{% endfor %}
<div align="center" id="{{ livre.idLivre }}">
ajouter au favoris
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"rel="stylesheet">
<button id="heart" class="{{ (faved) ? 'faved' : '' }}">
    <span class="glyphicon glyphicon-heart">
    </span>
</button>