javascript - Jade/JavaScript - 访问传递给 Jade 的数据

Question

我正在向 Jade 模板传递一些数据，这些数据采用 JSON 形式，因此例如这里我输出 Jade 模板中所有团队的名称:

p Teams:
  br
  -for(var i = 0; i < tournamentData.teams.length; i++) {
    text Team #{i+1}: #{teams[i].name}
    br
  -}

这可以很好地打印所有团队的名称。我如何在 JavaScript 文件中访问这些数据？在这里，我只需输入 #{teams[0].name} 即可获取 0 处的团队名称，但如何在 JavaScript 文件中执行此操作？

Answer 1

如果我正确理解了你的意思，你可以这样做:

JS文件:

function myFn(teams){
    // user teams here
    // for example:

    window.myTeam = teams[0];
}

在jade中包含文件:

script(type="text/javascript", onload="myFn(#{JSON.stringify(tournamentData.teams)});", src="urlHere")

更新:

function myFn(bracketData){
    $(function() { $('#tournamentBrackets').bracket({ init: bracketData }); });
}