Javascript 使用Gulp、nunjuck和数组呈现模板
我有一些类似这样的html:Javascript 使用Gulp、nunjuck和数组呈现模板,javascript,gulp,nunjucks,gulp-nunjucks-render,Javascript,Gulp,Nunjucks,Gulp Nunjucks Render,我有一些类似这样的html: <code class="html"> <div class="u-color-background-gray-100"> <code>u-color-background-gray-100</code> </div> <div class="u-color-background-gray-300"> <code>
<code class="html">
<div class="u-color-background-gray-100">
<code>u-color-background-gray-100</code>
</div>
<div class="u-color-background-gray-300">
<code>u-color-background-gray-300</code>
</div>
</code>
我想使用,和数组['100','300']
来渲染它
答复
这是答案-但我想感谢帮助我完善问题、指出正确组件并帮助我使用语法的人-因此请正式回答-我将删除此内联答案-我已测试了以下内容):
大口大口的,是我最喜欢的。有关文档,请参见。我不确定我是否正确理解您的意思,但它应该是类似于
class=“u-color-background-gray-{{item}}”
。我最喜欢喝一口。有关文档,请参见。我不确定我是否正确理解您的意思,但它应该类似于class=“u-color-background-gray-{{item}”
。
<code class="html">
{% for item in ['100', '300'] %}
<div class="u-color-background-gray-{{item}}>
<code>u-color-background-gray-{{item}}</code>
</div>
{% endfor %}
</code>