pug - 在一行中渲染 Jade 中的元素？

Question

我仍然掌握着 Jade 的窍门。以下标记有效，但它会导致元素呈现在两个单独的行上。我希望链接和 p.some_classname 文本在同一行呈现，但不将 p.some_classname 变成超链接。

for elem in elems
  a(href="/foo/#{var1}/bar/#{var2}").baz.i.icon-cog
  p.some_classname= elem.id_1 + ' ' + elem.id_2

这可能吗？

Answer 1

如果我对您的要求理解正确，您希望链接和文本在同一行，每个元素一行。如果是这样，您只需要让段落换行并使用跨度:

for elem in elems
   p.some_classname 
       a(href="/foo/#{var1}/bar/#{var2}").baz.i.icon-cog
       span= elem.id_1 + ' ' + elem.id_2

这将生成(对于每个元素):

<p class="some_classname"><a href="/foo..." class="baz i icon-cog"><span>{val for id_1} {val for id_2}</span></p>

或者，您可以进一步简化并完全跳过跨度:

for elem in elems
   p.some_classname 
       a(href="/foo/#{var1}/bar/#{var2}").baz.i.icon-cog
       | #{elem.id_1} #{elem.id_2}

刚刚使用 node 进行了测试，两者都可以工作，具体取决于您想要的最终标记。 HTH.