如何在细枝循环中插值变量以渲染文件？

Question

我正在浏览一系列社交资料以呈现徽标。每个社交项目都有一个svg_icon_code字段，看起来像“ twitter”或“ facebook”。我想使用此代码来呈现正确的文件。目前，我只是在“ twitter”中进行硬编码，导致所有徽标均为Twitter svg。如何使用icon_code渲染正确的svg？

{% for item in options.social_media_links %}
  <li class="header__social-media-links__item">
     <a href="{{item.link}}" target="_blank">
        {% include 'component/svg-twitter-icon.twig' %}
     </a>
  </li>
{% endfor %}

Answer 1

您需要像这样放置图标，

{% for item in options.social_media_links %}
  <li class="header__social-media-links__item">
     <a href="{{item.link}}" target="_blank">
        {% include 'component/svg-'~item.svg_icon_code~'-icon.twig' %}
     </a>
  </li>
{% endfor %}

---

如果图标没有模板或模板丢失，则可以执行此操作以呈现默认图标

{% for item in options.social_media_links %}
  <li class="header__social-media-links__item">
     <a href="{{item.link}}" target="_blank">
        {% include [ 'component/svg-'~item.svg_icon_code~'-icon.twig', 'component/svg-default-icon.twig' ]  %}
     </a>
  </li>
{% endfor %}