NodeJS-Jade: Anzeigen von Bildern in Div aus Array

Ich muss Bild in einem Div anzeigen. Bild-URLs werden in einem Array gespeichert. Ich muss dieses Array zu Jade-Vorlage übergeben und dort muss ich sie mit Schleife anzeigen. Wie macht man das? So versuche ich, aber es funktioniert nicht.NodeJS-Jade: Anzeigen von Bildern in Div aus Array

- var arr = #{imageArray} 
- for (var i=0; i<arr.length; i++) 
    <img src="arr[i]" />

Das obige gibt unerwartetes Zeichen # # Fehler.

- var arr = imageArray 
- for (var i=0; i<arr.length; i++) 
    <img src="arr[i]" />

Der obige Koe zeigt nichts auf der Webseite. Kein Fehler. Da ich relativ neu bin, habe ich nicht viel Ahnung. Kann mir bitte jemand in die richtige Richtung zeigen?

Quelle

2017-06-15 User2682

haben Sie die Halterung versuchen hinzufügen –

@ HoàngĐăng ich meine Frage aktualisiert haben. – User2682

und was ist, wenn Sie 'ìmg (src = # {arr [1]})' versuchen? – mJehanno

Sie können each Schleife von Mops (Jade) eine Schleife über ein Array verwenden:

each image in imageArray 
    img(src=image, alt="")

Quelle

2017-06-15 16:13:38

es heißt [Mops, nicht Jade] (https://pugjs.org/ api/migration-v2.html # project-rename) –

Ja richtig, jetzt heißt es Mops. Danke für die Korrektur :) @PatrickRoberts –

'src =" # {image} "' sollte einfach 'src = image' in Mops sein. Sieht aus, als müsstest du die neuen Funktionen in Mops lernen ~ –

NodeJS-Jade: Anzeigen von Bildern in Div aus Array

Antwort

Verwandte Themen