如何在树枝内切换类（如果有条件）

Question

你好，我有一个书签图标，我想根据树枝条件启用它 首先，这是带有inspect的残疾人：

已启用：

正如您在这里看到的，我要做的就是将最喜欢的类注入按钮：

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>

现在我要执行的任务是，如果树枝条件为true，则更改启用图标的状态，或者换句话说，将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>