express 和jade：循环并创建动态ID

Question

好的，这应该是节点上的一个简单问题。

使用 express，有一个名为 app.js 的文档，另一个是 index.jade，还有一个 index.js，通常还有另一个 javascript，比如 server.js，服务器的大部分工作都在这里完成（这里的代码可以在 app.js 中，但假设它们是不同的文件）。

假设我有两个这样的对象

myIDs   = ['afoo', 'abar'];
myArray = ['foo', 'bar'];

在 server.js 中，我想在jade中遍历它们的元素，并创建分别具有值 foo 和 bar 并且它们的 id 分别为 afoo 和 abar 的按钮。我们怎么能做这样的事？

此外，是否有可能实现鼠标点击发生在这些按钮之一？我试图为我使用类似这样的东西动态创建的特定按钮命名

html = "<button id=\"aUniqueID\">Press me!</button>"
document.getElementById('puff').innerHTML = html;

但是，即使它出现在浏览器中，按下按钮时也没有任何反应（我正在向服务器发送消息，并且服务器应该打印控制台日志）。

任何帮助将不胜感激。

Answer 1

我建议你不要使用内联函数，我会在客户端附加点击事件，但你可以像正常使用玉石一样内联添加它

这假设每个按钮的 value 和 id 位于相同的数组位置：

myIDs   = ['afoo', 'abar'];
myArray = ['foo', 'bar'];

each button_id, i in myIDs
    button(id="#{button_id}", onclick="yourFunctionHere();") #{myArray[i]}

更新：

将数组传递给 .jade 页面就像：

app.get('/your-url-path', function(req, res){

    var my_ids_array = ['afoo', 'abar'];
    var my_values_array = ['foo', 'bar'];

    res.render('your-jade-page', { myIDs: my_ids_array, myArray: my_values_array });
});