如何在Drupal视图中定位第一个项目

Question

我有一个Drupal视图页面，显示了所有发布的最新文章。我想在一个不同的div中单独展示最新的文章，然后与所有其他文章进行循环。

这是我的循环代码，它位于node--view.html.twig文件-中

<div{{ attributes.addClass('col-4')}}>
<div class="news-card">
<img src="{{ file_url(node.field_image.entity.fileuri) }}">
<h3>{{ node.label }}</h3>
{% set text = content.body|render|striptags %}
<p>{{ text|length > 100 ? text|slice(0, 120) ~ '...' : text }}</p>
<a href="{{ url }}" class="btn black-btn">Read More</a>
</div>
</div>

在我的views-view-unformatted.html.twig文件中，我有-

<h2>{{ view.getTitle() }}</h2>
{% if title %}
<h3>{{ title }}</h3>
{% endif %}
<div class="row news-row">
{% for row in rows %}
{%
set row_classes = [
default_row_class,
]
%}
{{- row.content -}}
{% endfor %}
</div>

Answer 1

您可以使用循环变量来确定哪个"项目"；是循环中的第一个/最后一个。

{% if loop.first %}
...
{% endif %}
{% if loop.last %}
...
{% endif %}

您的代码

<div class="row news-row">
{% for row in rows %}
{%
set row_classes = [
default_row_class,
]
%}
{% if loop.first %}
First item:
{% endif %}
{% if loop.first %}
Last item:
{% endif %}
{{- row.content -}}
{% endfor %}
</div>