Passa attraverso l'oggetto nei nunjucks?

Question

Ho un file chiamato "list.json", istituito in questo modo:

{ 
    "thing1": "Thing1", 
    "thing2": "Thing2", 
    "thing3": "Thing3" 
} 

Come posso ciclo attraverso questo? Voglio fare qualcosa di simile:

{% for item in list%} 
    <option>{{ thing }}</option> 
{% endfor %} 

Answer 1

Si può provare a seguito

{% for key, item in list%} 
    <option>{{ item }}</option> 
{% endfor %} 

Answer 2

Se si utilizza Gulp, questo può aiutare: http://www.zell-weekeat.com/nunjucks-with-gulp#Populating-HTML-with-data

Answer 3

Avete importato il JSON? In caso contrario, nel render JS, aggiungere una variabile:

list: JSON.parse(fs.readFileSync('list.json')) 

Se lo si utilizza più volte, aggiungere una variabile nella parte superiore del file, invece.

var LIST = JSON.parse(fs.readFileSync('list.json')) 

E 'anche possibile utilizzare il metodo asincrono, ma è necessario un po' di nidificazione:

fs.readFile('list.json', function(err, list) { 
    env.render('template.html', { 
     list: list, 
     //other data 
    } 
} 

Answer 4

Si dovrebbe prima creare un array di oggetti in back-end:

var things = []; 

things.push({id : 'thing1', name : 'Thing1'}); 
things.push({id : 'thing2', name : 'Thing2'}); 
things.push({id : 'thing3', name : 'Thing3'}); 

Now on front end saresti in grado di scorrere attraverso questo array come di seguito:

{% for thing in things %} 
<option value="{{ thing.id }}"> {{ thing.name }}</option> 
{% endfor %} 

Spero che questo ti possa aiutare.