如何动态地将'li'元素附加到其在pug中的父元素'ul'

Question

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

我有一个无序列表ul#messages，稍后将在我的代码中填充该列表以提供消息列表。但是，我强烈希望li周围的标签不应该存在，但我仍然无法弄清楚。我在这里，谷歌和哈巴狗网站https://pugjs.org/上进行了不错的研究，但无济于事。以下是我想要转换为pug的代码：$('#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元素。