首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >两次循环运行的Nunjucks

两次循环运行的Nunjucks
EN

Stack Overflow用户
提问于 2021-09-29 12:44:31
回答 1查看 49关注 0票数 0

我正在用Nunjucks和11建立一个网站。我试图用Nunjucks for循环创建一个无序列表(数据存储在JSON文件中)。一切看起来都正常,除了循环运行两次,而它应该只运行一次。

JSON

代码语言:javascript
复制
{"catalog":[
{"title":"Title #1","author":"Author #1","edition":"Third","isbn":"19384579823745","available":"0","total":"4"},
{"title":"Title #2","author":"Author #2","edition":"Fifth","isbn":"1390458093484","available":"2","total":"2"},
{"title":"Title #3","author":"Author #3","edition":"First","isbn":"8974692873489","available":"1","total":"3"},
{"title":"Title #4","author":"Author #4","edition":"Third","isbn":"19384579823745","available":"0","total":"4"},
{"title":"Title #5","author":"Author #5","edition":"Fifth","isbn":"19384579823745","available":"0","total":"4"},
{"title":"Title #6","author":"Author #6","edition":"First","isbn":"1390458093484","available":"2","total":"2"},
{"title":"Title #7","author":"Author #7","edition":"First","isbn":"19384579823745","available":"0","total":"4"},
{"title":"Title #8","author":"Author #8","edition":"First","isbn":"1390458093484","available":"2","total":"2"},
{"title":"Title #9","author":"Author #9","edition":"Second","isbn":"19384579823745","available":"0","total":"4"},
{"title":"Title #10","author":"Author #10","edition":"Second","isbn":"1390458093484","available":"2","total":"2"},
{"title":"Title #11","author":"Author #11","edition":"Second","isbn":"8974692873489","available":"1","total":"3"}
]}

Nunjucks

代码语言:javascript
复制
{% if sheet.catalog %}
<ul class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4">
  {% for textbook in sheet.catalog %}
  <li class="m-10"><strong>{{ textbook.title }}</strong><br />{{ textbook.author }}<br />Edition: {{ textbook.edition }}<br />ISBN: {{ textbook.isbn }}<br />Available: {{ textbook.available }} of {{ textbook.total }}</li>
  {% endfor %}
</ul>
  {% else %}
  <p>We're sorry. The textbook catalog has encountered an error.</p>
{% endif %}

HTML输出

代码语言:javascript
复制
<ul class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4">
<li class="m-10"><strong>Title #1</strong><br>Author #1<br>Edition: Third<br>ISBN: 19384579823745<br>Available: 0 of 4</li>
<li class="m-10"><strong>Title #2</strong><br>Author #2<br>Edition: Fifth<br>ISBN: 1390458093484<br>Available: 2 of 2</li>
<li class="m-10"><strong>Title #3</strong><br>Author #3<br>Edition: First<br>ISBN: 8974692873489<br>Available: 1 of 3</li>
<li class="m-10"><strong>Title #4</strong><br>Author #4<br>Edition: Third<br>ISBN: 19384579823745<br>Available: 0 of 4</li>
<li class="m-10"><strong>Title #5</strong><br>Author #5<br>Edition: Fifth<br>ISBN: 19384579823745<br>Available: 0 of 4</li><li class="m-10"><strong>Title #6</strong><br>Author #6<br>Edition: First<br>ISBN: 1390458093484<br>Available: 2 of 2</li>
<li class="m-10"><strong>Title #7</strong><br>Author #7<br>Edition: First<br>ISBN: 19384579823745<br>Available: 0 of 4</li>
<li class="m-10"><strong>Title #8</strong><br>Author #8<br>Edition: First<br>ISBN: 1390458093484<br>Available: 2 of 2</li>
<li class="m-10"><strong>Title #9</strong><br>Author #9<br>Edition: Second<br>ISBN: 19384579823745<br>Available: 0 of 4</li>
<li class="m-10"><strong>Title #10</strong><br>Author #10<br>Edition: Second<br>ISBN: 1390458093484<br>Available: 2 of 2</li>
<li class="m-10"><strong>Title #11</strong><br>Author #11<br>Edition: Second<br>ISBN: 8974692873489<br>Available: 1 of 3</li>
<li class="m-10"><strong>Title #1</strong><br>Author #1<br>Edition: Third<br>ISBN: 19384579823745<br>Available: 0 of 4</li>
<li class="m-10"><strong>Title #2</strong><br>Author #2<br>Edition: Fifth<br>ISBN: 1390458093484<br>Available: 2 of 2</li>
<li class="m-10"><strong>Title #3</strong><br>Author #3<br>Edition: First<br>ISBN: 8974692873489<br>Available: 1 of 3</li>
<li class="m-10"><strong>Title #4</strong><br>Author #4<br>Edition: Third<br>ISBN: 19384579823745<br>Available: 0 of 4</li>
<li class="m-10"><strong>Title #5</strong><br>Author #5<br>Edition: Fifth<br>ISBN: 19384579823745<br>Available: 0 of 4</li>
<li class="m-10"><strong>Title #6</strong><br>Author #6<br>Edition: First<br>ISBN: 1390458093484<br>Available: 2 of 2</li>
<li class="m-10"><strong>Title #7</strong><br>Author #7<br>Edition: First<br>ISBN: 19384579823745<br>Available: 0 of 4</li>
<li class="m-10"><strong>Title #8</strong><br>Author #8<br>Edition: First<br>ISBN: 1390458093484<br>Available: 2 of 2</li>
<li class="m-10"><strong>Title #9</strong><br>Author #9<br>Edition: Second<br>ISBN: 19384579823745<br>Available: 0 of 4</li>
<li class="m-10"><strong>Title #10</strong><br>Author #10<br>Edition: Second<br>ISBN: 1390458093484<br>Available: 2 of 2</li>
<li class="m-10"><strong>Title #11</strong><br>Author #11<br>Edition: Second<br>ISBN: 8974692873489<br>Available: 1 of 3</li>
</ul>

知道为什么for循环会运行两次吗?我非常感谢你的帮助!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-10-06 00:00:31

在我的输入文件夹中保存了一个JSON文件的副本。我删除了它,现在HTML输出不再显示呈现的数据。谢谢你,@RaymondCamden!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69376645

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档