在 Pug 中打印数组元素答案

【问题标题】：printing elements of array in Pug在 Pug 中打印数组元素
【发布时间】：2016-10-23 08:09:49
【问题描述】：

我是 Express 中使用的 Jade/Pug 模板引擎的新手我需要打印出包含在关联数组中的列表对象的名称属性，该数组作为参数从快速路由模块传递给哈巴狗模板。

我正在尝试不同的方式，例如

  each element in listOfElements
      p #{element.name}

其中 listOfElements 是传递参数的名称

但我无法得到想要的结果

更新

我现在正在尝试关注仅提供UL 示例（不是我需要的）的文档。

根据文档我会这样

ul
each element in listOfElements
    li = element.name

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

【问题讨论】：

【解决方案1】：

根据 Pug 网站 regarding iterations 上的文档，您可以通过在标签名称后面放置 = 来获得缓冲代码。相同lie here 的文档。因此，在您的第二次尝试中，以下将起作用：

ul
each element in listOfElements
    li= element.name

但是，对于第一次尝试，我尝试了以下代码，它给了我预期的输出（如 sn-p 之后所示）：

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>

【讨论】：