如何根据 pug (jade) 中的变量输出代码块
how to output a block of code depending on a variable in pug (jade)
如何根据变量中的 class 正确显示混入中的代码块?请帮助我。我的例子不起作用。我附加了 mixin,然后显示了 mixin 调用。
mixin media(data)
article.social-media__items
each media in data.medias
if media.class=='social-media__content--site'
article(class="social-media__content" + media.class)
.social-media__text
p #[a(href="#") #{media.span}] #{media.text}
else
article(class="social-media__content" + media.class)
.social-media__text
p #[span #{media.span}] #{media.text}
+media({'medias':[{
'class' : ' social-media__content--news',
'span' : 'lorem_ipsum-title',
'text' : '- lorem_ipsum-text',
}, {
'class' : ' social-media__content--site',
'span' : 'www.sitename.com',
'text' : '— lorem_ipsm-text',
}]})
您的 media.class
值中多了一个 space。更改条件以匹配值。
而不是这个:
if media.class=='social-media__content--site'
这样做:
if media.class==' social-media__content--site'
如何根据变量中的 class 正确显示混入中的代码块?请帮助我。我的例子不起作用。我附加了 mixin,然后显示了 mixin 调用。
mixin media(data)
article.social-media__items
each media in data.medias
if media.class=='social-media__content--site'
article(class="social-media__content" + media.class)
.social-media__text
p #[a(href="#") #{media.span}] #{media.text}
else
article(class="social-media__content" + media.class)
.social-media__text
p #[span #{media.span}] #{media.text}
+media({'medias':[{
'class' : ' social-media__content--news',
'span' : 'lorem_ipsum-title',
'text' : '- lorem_ipsum-text',
}, {
'class' : ' social-media__content--site',
'span' : 'www.sitename.com',
'text' : '— lorem_ipsm-text',
}]})
您的 media.class
值中多了一个 space。更改条件以匹配值。
而不是这个:
if media.class=='social-media__content--site'
这样做:
if media.class==' social-media__content--site'