javascript - 在 JADE 模板引擎上解析数组

Question

我正在使用 JADE 模板引擎和 ExpressJS。

将这个数组发送到 JADE 模板

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

我的 JADE 文件如下所示:

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

如你所见，我正在尝试获取 data.labels要内联的值 <script>我的 JADE 文件的 block 。但是输出是这样的:

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