Parsing Arrays auf JADE Template Engine

Question

Ich verwende JADE Template Engine mit ExpressJS.

Senden Sie dieses Array JADE Vorlage

var data = { 
    "labels" : ["Label 1", "Label 2"] 
}; 
res.render('index', {data: data}); 

Und meine JADE-Datei sieht wie folgt aus:

script(type='text/javascript'). 
    var options = { 
    labels: [#{data.labels}], 
    ... 
    }; 

Wie Sie sehen Ich versuche data.labels Werte zu erhalten <script> Block meiner JADE Inline Datei. Aber Ausgabe ist wie folgt:

<script type="..."> 
var options = { 
     labels: [Label 1, Label 2], <-- invalid syntax 
     ... 
     }; 

es muss so sein:

<script type="..."> 
var options = { 
     labels: ["Label 1", "Label 2"], <-- valid syntax 
     ... 
     }; 

Was soll ich tun, Datei direkt in JADE ein Array verwenden?

Answer 1

JSON macht alles richtig:

// magic of JSON.stringify: 
 
var src = "script var labels = !{JSON.stringify(labels)}"; 
 

 
// let's try and render it: 
 
var data = { 
 
    "labels" : ["Label 1", "Label 2"] 
 
}; 
 
var fn = jade.compile(src); 
 

 
var html = fn(data); 
 

 
console.log(html); 
 
// output: <script>var labels = ["Label 1","Label 2"]</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jade/1.11.0/jade.min.js"></script>