提问人：mheavers 提问时间：9/19/2023 更新时间：9/20/2023 访问量：26
嵌套包含双节棍中传递的数据
Nested includes with passed data in nunjucks
问：
在 react 中，我会将道具传递给模板。我如何在双节棍中做到这一点。例如，我想执行以下操作：
页：
{% set slides = [
{ "alt": "Tokenization Visualization","title": "Tokenization", "description": "The LLM starts by breaking down the input text, or 'prompt', into smaller pieces known as tokens.", "image": "/img/ai/carousels/how-llm-works/tokenization.png"},
{ "alt": "Embedding Visualization","title": "Embedding", "description": "Next, each token is converted into a numerical representation through a process called embedding.", "image": "/img/ai/carousels/how-llm-works/embedding.png"},
{ "alt": "Self-attention Visualization","title": "Self-attention", "description": "The model then adds additional information to these vectors to account for the order of words in the input. Self attention mechanisms allow the model to create context-aware representations of each word.", "image": "/img/ai/carousels/how-llm-works/self-attention.png"},
{ "alt": "Decoding Visualization","title": "Decoding", "description": "The LLM Decoder will take the output and use it to predict the next token in the sequence.", "image": "/img/ai/carousels/how-llm-works/decoding.png"},
{ "alt": "Output Visualization","title": "Output", "description": "Finally, the model generates a response.", "image": "/img/ai/carousels/how-llm-works/output.png"}
]
%}
{% include "partials/image-cards/image-cards.html" with { slides: slides } %}
图像卡：
<div class="image-cards flex flex-wrap justify-between py-6 ff-inter">
{% for slide in slides %}
{% include "partials/image-cards/image-card.html" with { slide: slide, index: loop.index} %}
{% endfor %}
</div>
图像卡：
<div id="item{{index}}" class="card card-compact w-full md:w-[45%] shrink-0 grow-0s mt-10">
<figure class="card-figure !mt-0 !mb-0">
<img src="{{ slide.image }}" alt="{{slide.alt}}" class="w-full" />
</figure>
<div class="card-body !px-0 text-primary-content whitespace-normal">
<div class="font-semibold mb-0">{{ slide.title }}</div>
<p>{{ slide.description }}</p>
</div>
</div>
这目前中断，表明：
Template render error: (/paget.html) [Line 24, Column 57]. expected block end in include statement
答：
0赞
Aikon Mogwai
9/20/2023
#1
Nunjucks 不支持 -子句。您可以使用来实现自己的withEnvironment.renderinclude
// index.js
const nunjucks = require('nunjucks')
const env = nunjucks.configure()
env.addFilter('render', (template, ctx) => env.filters.safe(env.render(template, ctx)))
var html = env.renderString(`{{ 'test.njk' | render({a: 10, b: 100}) }}`)
console.log(html)
// test.njk
a: {{ a }}, b: {{ b }}
{{ 'test2.njk' | render ({a: a + 10, b: b + 10}) }}
// test2.njk
a: {{ a }}, b: {{b}}
它可以通过异步加载器进行扩展。但不适用于 -子句。rendermacro
评论