在Pug中打印数组元素

时间:2016-10-23 08:09:50

标签: javascript express pug

我是Express中使用的Jade / Pug模板引擎的新手 我需要打印出作为参数传递的关联数组中包含的列表对象的name属性,从快速路由模块到pug模板。

我正在以不同的方式尝试,比如

  each element in listOfElements
      p #{element.name}

其中listOfElements是传递参数的名称

但我无法得到理想的结果

更新

我现在正在尝试按照仅提供UL示例(不是我需要的)的文档。

根据文件我想这样

ul
each element in listOfElements
    li = element.name

我在渲染页面上得到的是一个列表,其中每个项目符号都包含“= element.name”文本

1 个答案:

答案 0 :(得分:4)

通过Pug网站regarding iterations上的文档,您可以通过在标记名称后面放置=来获取缓冲代码。相同lie here的文档。因此,在您的第二次尝试中,以下内容将起作用:

ul
each element in listOfElements
    li= element.name

但是,对于第一次尝试,我尝试了以下代码,它给了我预期的输出(如代码段后所示):

ul
  each val in [{1:'a'}, {1:2}, {1:3}, {1:4}, {1:5}]
    li #{val[1]}

输出:

<ul>
  <li>a</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>