我还在学习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
这可能吗?
我还在学习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
如果我正确理解了您的请求,您希望链接和文本在同一行上,每个元素一行。如果是这样,您只需要将段落包裹文本并使用span标签:
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>
或者,您可以进一步简化并跳过 span 标签:
for elem in elems
p.some_classname
a(href="/foo/#{var1}/bar/#{var2}").baz.i.icon-cog
| #{elem.id_1} #{elem.id_2}
我刚刚使用node测试了两种方法,根据你期望的最终标记,两种方法都能起到作用。希望这对你有所帮助。
p
| #[ObjectId1.class1 SomeText ]
| #[ObjectId2.class2 #{jsonObject.attribute}]
--pretty
或-P
选项的情况下运行jade,则整个输出将被折叠成单行。