問題に直面しました: SVG アイコンを含むグローバル変数があり、for ループを使用してテンプレート内のすべてのアイコンをレンダリングしたいと考えています。グローバル変数を for ループ内のデータとしてレンダリングする方法。
facebook: <svg viewBox="0 0 8 17" fill="none" xmlns="http://www.w3.org/2000/svg" .../>
{% set
list = [
{
link: 'https://facebook-link',
icon: 'facebook',
title: 'facebook group',
},
{
link: 'https://twitter-link',
icon: 'twitter',
title: 'twitter group',
}
]
%}
<ul class="socials">
{% for data in list %}
<li class="socials__item">
<a href="{{data.link}}"
title="{{data.title}}"
target="_blank"
rel="noopener noreferrer nofollow"
class="socials__link"
>
{{ data.icon | safe }}
</a>
</li>
{% endfor %}
</ul>