如何在 pug 中将“li”元素动态附加到其父“ul”

Question

我是 pug 的新手，我正在试图弄清楚如何在我的 node.js 项目中将 li 元素附加到其父 ul。

我有一个无序列表ul#messages，稍后我将在我的代码中填充它以提供消息列表。但是，我有强烈的感觉 li 周围的标签不应该在那里，但我仍然无法弄清楚。我在这里、谷歌和哈巴狗网站https://pugjs.org/ 进行了不错的研究，但无济于事。下面是我想转换为哈巴狗的代码： $('#messages').append($('<li>').text(msg));

如果我能得到帮助，我将不胜感激

Answer 1

Pug 通过两个空格缩进做到这一点。

这个：

ul#messages
  li= msg

将生成此 HTML：

<ul id='messages'>
  <li>This is the message</li>
</ul>

您还可以使用each 运算符轻松生成一系列li 元素。