Я хочу избежать повторения кнопки

Question

Я отображаю содержимое категории и отображаю кнопку «отображает больше», если у меня есть другой контент, но кнопка была помечена в соответствии с количеством объявлений в категории, и когда я вставляю кнопку за пределами «для»Я всегда получаю эту кнопку, даже если содержание категории пусто

 <div class="pedagogical pedagogical--category js-pedagogical-items" data-type="category" data-nbdisplayed="4">
        {% for categoryId in questionCategories %}
            <div class="row pedagogical__items" data-type="category" data-value="{{ categoryId }}">
                {% for tool in tools if tool.questionCategory == categoryId %}
                    <div class="col-12 col-md-6 pedagogical__item__wrapper">
                        {% include 'components/tool-preview-item.html.twig' with {'tool' : tool} %}
                    </div>
                    <div class="col-12 text-center">
                        <button class="btn btn-outline-secondary js-show-more" data-type="category" data-value="{{ categoryId }}">{{ 'show-more'|trans({}, 'action') }}</button>
                    </div>
                {% endfor %}
            </div>
        {% endfor %}
    </div>

Answer 1

Я думаю, вам просто нужно добавить чек перед рендерингом вашей кнопки:

<div class="pedagogical pedagogical--category js-pedagogical-items" data-type="category" data-nbdisplayed="4">
    {% for categoryId in questionCategories %}
        <div class="row pedagogical__items" data-type="category" data-value="{{ categoryId }}">
            {% set has_items = 'false' %}
            {% for tool in tools if tool.questionCategory == categoryId %}
                {% set has_items = 'true' %}
                <div class="col-12 col-md-6 pedagogical__item__wrapper">
                    {% include 'components/tool-preview-item.html.twig' with {'tool' : tool} %}
                </div>
            {% endfor %}
            {% if has_items == 'true' %}
                <div class="col-12 text-center">
                    <button class="btn btn-outline-secondary js-show-more" data-type="category" data-value="{{ categoryId }}">{{ 'show-more'|trans({}, 'action') }}</button>
                </div>
            {% endif %}
        </div>
    {% endfor %}
</div>