JADEテンプレートエンジンでの配列の解析

Question

私はExpressJSでJADEテンプレートエンジンを使用しています。あなたは私が私のJADEの<script>ブロックをインライン化するdata.labels値を取得しようとしている見たよう

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

：JADEテンプレート

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

そして、私のJADEファイルに、この配列を送る

は次のようになりますファイル。しかし、出力はこのようなものです：

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

それはこのようにする必要があります

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

私はJADEファイルで直接配列を使用するために何をすべき？

Answer 1

JSONは物事が右になります：あなたはラベルをしようとした場合

// 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>