请参阅http://jade-lang.com/reference/attributes/示例:
- var currentUrl = '/about'
a(class={active: currentUrl === '/'} href='/') Home
a(class={active: currentUrl === '/about'} href='/about') About
所以试图设置我的代码:
li(class={active: category === "A"})
a(href="a") A
li(class={active: false})
a(href="b") B
li(class={active: category === "C"})
a(href='c') C
li(class={active: false})
a(href="/directory") D
类别,A和C是通过编辑器“动态”的,用户为帖子选择。 B和D没有类别。 因此,当它为真时,它将设置为活动状态,否则不设置为活动状态。
问题在于渲染时会显示:
<li class="[object Object]"><a href="a">A</a></li>
我不明白为什么它显示[object Object]。 帮助和解释赞赏。
答案 0 :(得分:0)
根据@BenFortune的说法 - 在1.8 Jade版本中引入了对class属性中对象的支持,所以我所做的就是升级到最新版本的Jade并且它有效。