2017-08-02 106 views
0

我想用each迭代一個變量。在這種情況下,變量插入像#{images}一樣。該數組包含圖像的網址。Jade aka迭代語法

我可以做img(src="#{images[0]}")和正常工作

我嘗試使用each功能,並保持未來與錯誤。這是最新的嘗試。

div each image in #{images} img(src="#{image}",height="100px",width="100px")

我已經試過沒有插補圖像。和其他一些東西。有什麼我缺少的空間或語法?

img(src="#{images[0]}",height="100px",width="100px") 上面的工作,所以我知道即時獲取變量,這再次與玉延期。我試圖將這個小項目遷移到帕格,但沒有奏效,但那是另一回事。

這是一個非常酷的上傳器中的最後一部分,它使用來自瀏覽器的POST將圖像上傳到aws存儲區,同時將網址保存在mongoDB中。搞清楚這將增加一個圖片庫來查看上傳。

回答

0

所以經過很多麻煩,我已經知道了。當您將數組作爲變量從express傳送到您的玉/帕格模板時,此規則應適用於大多數場景。

我的問題是我試圖在each循環內插我的images變量。你插入像這樣:#{variable}。這將生成變量的文字版本,但這不是each循環所需的。你只需要變量的名稱,而不是文字值。

相反,工作的代碼非常簡單。

錯誤:

each image in #{images} img(src="#{image}",height="100px",width="100px")

each image in images img(src="#{image}",height="100px",width="100px")

現在循環在我var images=[url,url,etc]

這玉創建與每個值一個src一個新的形象/帕格的句法起初有點混亂,但如果可以的話,看起來好極了想辦法。