octobercms - 如何将 twig 变量传递给 octobercms 组件

Question

这是我的代码块，我想将service变量传递给组件。

{% for service in services %}
    <div data-service="#development" 
        class="col-md-4 col-sm-6 wow fadeInUp" 
        data-wow-duration="300ms" 
        data-wow-delay="0ms"
    >
        <div class="media service-box">
            <div class="pull-left">
                <i class="fa fa-line-chart"></i>
            </div>
            <div class="media-body">
                {% component 'editable' file={{ service }} %}
            </div>
        </div>
    </div><!--/.col-md-4-->
{% endfor %}

谢谢，

Answer 1

在{% .. %}指令内部，您可以简单地使用不带双花括号的 twig 变量名称{{ .. }}。大{{ .. }}括号仅指定 twig 表达式，而{% .. %}指定 twig 语句。请参阅树枝模板文档。在两个 twig 变量中，可以通过它们的名称简单地访问它们。

所以在这里你可以这样做

{% component 'editable' file=service %}

Answer 2

这是我在 Page 元素上使用的代码示例：

{% set shortDsc %}{{ details.shortDescription|raw }}{% endset %}
{% set productCode %}{{ details.productCode }}{% endset %}
{% set ContentID %}{{ calID }}{% endset %}
{% content ContentID 
           shortDesc = shortDsc
           prodCode = productCode
%}

...然后在组件中只使用变量作为

{prodCode} {shortDesc}