javascript - 在 Pug 中打印数组元素

标签 javascript express pug

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

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

  each element in listOfElements
      p #{element.name}

其中 listOfElements 是传递参数的名称

但是我得不到想要的结果

更新

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

根据文档,我是这样的

ul
each element in listOfElements
    li = element.name

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

最佳答案

查看 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>

关于javascript - 在 Pug 中打印数组元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40200872/

相关文章:

javascript - 如何在 Canvas 上创建不同的文字艺术设计?

javascript - 在同一个 Controller nodejs上调用函数

javascript - Jade 模板 - 动态调用 Mixin

javascript - asp.net,javascript,无法获取属性 getElementsByTagName 的值

javascript - 在变量中使用 .each() .find() 和 .text()

javascript - 简化 JavaScript

javascript - 将只读输入值发送到服务器(MEAN堆栈)

apache - 为什么在Node.js Express Web框架下需要Apache?

json - 在 Node + express + Jade 中将对象传递给客户端?

angularjs - Angular JS 和 Web 套接字