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

【问题标题】：How to toggleClass inside a twig (if condition)如何在树枝内切换类（如果条件）
【发布时间】：2019-08-30 01:13:25
【问题描述】：

您好，我有一个书签图标，我想根据树枝条件启用它首先这是禁用检查：

启用：

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

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" 注入按钮。

【问题讨论】：

标签： javascript html css twig

【解决方案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>

【讨论】：

像魅力一样工作