2017-10-12 1 views
0

Unten ist meine JSON-Datei, ich möchte src für mein Element img einfügen.Wert erhalten von Json in EJS-Datei

Wie kann ich auf den Wert von meinem Json mit den Tasten img1, img2, img3... zugreifen, wie ich bin bereits Schleife durch.

JSON-Datei:

{ 
    "img1": "http://yui.yahooapis.com/testassets/museum.jpg", 
    "img2": "http://yui.yahooapis.com/testassets/uluru.jpg", 
    "img3": "http://yui.yahooapis.com/testassets/katatjuta.jpg", 
    "img4": "http://yui.yahooapis.com/testassets/morraine.jpg", 
    "img5": "http://yui.yahooapis.com/testassets/japan.jpg" 
} 

Ejs Datei:

<% var img_content = JSON.parse(json['img-load.json']); %> 
<body> 
    <% for(var i = 1; i <= 5; i++) { %> 
     <img id="img<%= i %>" src="<%= img_content[i] %>" /> 
    <% } %> 
</body> 
</html> 

Antwort

1

Ich glaube, Sie img_content['img' + i] benötigen, wie folgt aus:

<% var img_content = JSON.parse(json['img-load.json']); %> 
<body> 
    <% for(var i = 1; i <= 5; i++) { %> 
     <img id="img<%= i %>" src="<%= img_content['img' + i] %>" /> 
    <% } %> 
</body> 
</html> 

Die [] funktioniert genauso wie im normalen JS-Code.

+0

Danke dafür, Sie dachten richtig. Ich habe schon einige Zeit gekämpft :) – bhansa