JSON / Jade - 无法将 JSON 变量输出到 Jade 模板

Question

我将一些 JSON 数据传递给 Jade 模板，但似乎无法将 JSON 数据打印到我的 Jade 模板。这是存储并传递给 Jade 模板的 JSON 示例：

{ name: 'Team 1',
  _id: 5134d71192cf972226000003,
  __v: 0,
  key: 1362417425623 }

像这样传递给 Jade 模板：

res.render('tournamentDetails', { 'tournamentData' : tournamentData, seedsSerialized : JSON.stringify(tournamentData.teams) } );

Jade 模板的格式为：

script(type='text/javascript')
                var seeds = [#{tournamentData.teams}];

我正在尝试在单独的 JavaScript 文件中访问此变量 seeds，但似乎无法访问它们。我一直在使用alert 进行测试，以测试 JavaScript 文件中种子中的内容，而不是团队。

这也是从 Jade 生成的 HTML：

var seeds = [{ name: 'Team 1',
  _id: 5134d71192cf972226000003,
  __v: 0,
  key: 1362417425623 },{ name: 'Team 2',
  _id: 5139dc66b48da58d0e000001,
  __v: 0,
  key: 1362746470498 },{ name: 'Team 3',
  _id: 5139dda45f1598440f000001,
  __v: 0,
  key: 1362746788314 },{ name: 'Team 4',
  _id: 513b2c66cfd50dce11000001,
  __v: 0,
  key: 1362832486554 }];

如何访问 JavaScript 文件中的团队？我想将teams 的names 输出到Jade 模板。

Answer 1

这可能不是一个确切的答案，但评论太长了......

看看这个 jsfiddle：http://jsfiddle.net/KvXTA/

var seeds = [{ name: 'Team 1',
  _id: 5134d71192cf972226000003,
  __v: 0,
  key: 1362417425623 },{ name: 'Team 2',
  _id: 5139dc66b48da58d0e000001,
  __v: 0,
  key: 1362746470498 },{ name: 'Team 3',
  _id: 5139dda45f1598440f000001,
  __v: 0,
  key: 1362746788314 },{ name: 'Team 4',
  _id: 513b2c66cfd50dce11000001,
  __v: 0,
  key: 1362832486554 }];

console.log(seeds);

注意控制台的输出方式

Uncaught SyntaxError: Unexpected token ILLEGAL

这是因为 _id 字段。我很惊讶你说序列化版本有同样的问题，因为它应该用引号括住 ID。如果您根本不需要 ID，您可以在序列化版本中使用替换函数将其删除。

var seedsSerialized = JSON.stringify(teams, function (key, val) {
    return key === '_id' ? undefined : val;
);
res.render('tournamentDetails', { seedsSerialized: seedsSerialized });

然后使用该序列化版本在模板中初始化seeds。

script
    var seeds = !{seedsSerialized};

我之前关于包含脚本顺序的评论并不是担心另一个文件正在创建种子变量，而是您可能已经包含了一个在 seeds 实际声明之前使用 seeds 的文件。

例如：

<script src='logSeeds.js'></script>
<script>
    var seeds = [ ... ];
</script>

logSeeds.js 在哪里：

console.log(seeds);

显然会输出undefined，因为尚未声明seeds。这只是一个想法，不一定是你的情况。