帕格`#{}`无法在`onclick`中加载变量

Question

所以我使用javascript对象来呈现项目列表.我的对象看起来像这样:

{
            text: 'One',
            url: 'index.pug'
        },
        {
            text: 'Two',
            url: 'Two.pug'
        },
        {
            text: 'Three',
            url: 'Three.pug'
        }
}

有趣的是,当哈巴狗呈现它们时.我使用这样的东西渲染它们:

div
    ul.horizontalScroll
        each item in params.apps
            li
                a(onclick="loadXMLDoc(#{item.url})") #{item.text}

我无法弄清楚为什么item.text正确呈现,但点击链接不ping函数.在铬检查员中,我看到了:<a onclick="loadXMLDoc(#)">One </a>.为什么这个论点不index.pug应该像它应该的那样？

Answer 1

尝试连接属性内的变量：

a(onclick="loadXMLDoc('" + item.url + "')") #{item.text}