Come posso passare i dati JSON in un modello Nunjucks?

Question

Desidero utilizzare i modelli Nunjucks ma voglio passare i miei dati JSON da utilizzare sui modelli.

La documentazione qui è piuttosto scarsa.

https://mozilla.github.io/nunjucks/templating.html

Grazie.

Answer 1

È possibile utilizzare il rendering asincrono per ottenere ciò.

https://mozilla.github.io/nunjucks/api.html#render

$.getJSON('/path/to/file.json', function (result) { 
     nunjucks.render('path/to/template/file.html', { result : result }, function (err, res) { 
      // do something 
     }); 
    }); 

Answer 2

È possibile utilizzare gulp-data che permette di passare i file JSON per il corridore compito che si sta utilizzando per il rendering Nunjucks.

gulp.task('nunjucks', function() { 
    return gulp.src('app/pages/**/*.+(html|nunjucks)') 
    // Adding data to Nunjucks 
    .pipe(data(function() { 
     return require('./app/data.json') 
    })) 
    .pipe(nunjucksRender({ 
     path: ['app/templates'] 
    })) 
    .pipe(gulp.dest('app')) 
});