Wie können Sie JSON-Daten in eine Nunjucks-Datei übertragen?

Question

Ich habe eine .njk-Datei, die ich mit Daten aus einer JSON-Datei auffüllen möchte.

Derzeit verwende ich Webpack.

Hier ist meine JSON-Datei:

{ 
    "ranking": "Colors", 
    "description": "Here is a ranking of my favorite colors", 
    "rankings": [ 
     { 
      "rank": 1, 
      "institution": "red", 
     }, 
     { 
      "rank": 2, 
      "institution": "Blue", 
     }, 
     { 
      "rank": 3, 
      "institution": "Green", 
     } 
    ] 
} 

In meiner nunjucks Datei, was die Syntax wäre ich in diesen Daten zu übergeben verwenden brauchen würde?

Answer 1

Der Code, der für mich gearbeitet:

var json1 = require('./data/data-1.json'); 

const SolutionTemplate = require('./solution.njk'); 

let toggleSolutionFunc = function() { 
     if (document.getElementById('solution-content') != null) { 
     document.getElementById('solution-content').innerHTML = SolutionTemplate.render(json1);