在jade中使用js循環

我在用jade繪製圖片數組時遇到了問題，它們是從javascript中傳遞的，但我只是在空白框中添加了標題。這是玉器給我造成麻煩的部分。在jade中使用js循環

h2 Connections 
    ul 
     script(type='text/javascript') 
     - for (i = 0; i < 5; i++) 
     li 
     - for (j = (i*5); j < j+1; j++) 
      - for (k = j; k < (j+5); k++) 
      img(src='#{connections[k]}', width='50', height='50') 
    ul

我遇到的最新問題是img(src='#{connections[k]}', width='50', height='50')中的k是undefined！我試着移動它，但如下所述，我知道[k]需要在#{}部分。

來源

2013-03-17 mart87

感謝@SLaks，我是想在你沒有同時進行編輯。謝謝 – mart87 2013-03-17 17:15:33

您可以給出您希望獲得的最終HTML輸出的樣本嗎？ – jpmonette 2013-03-17 19:48:19

如果你想通過你擁有的每圖片循環，你需要使用這樣的事情：

img(src='#{connections[k]}', width='50', height='50')

一切你#{}內將如JavaScript執行。只要您將它們定義爲本地，您可以執行任何操作並使用任何模塊。

在Express.js，如果你想在你的玉模板使用（例如）Moment.js：

app.locals.moment = moment;

來源

2013-03-17 19:46:53 jpmonette

在jade中使用js循環

回答

相關問題