Express 和 Jade：将变量输入 JavaScript

Question

我遇到以下问题：在服务器端我正在创建一个图表。我想使用 Sigma.js 库显示此图。作为参考，生成的数据看起来像这样：

{ nodes: 
    [ { id: '423ed89a-491d-416b-9c19-13fcb6db45bc',
        label: 'Nevens Jens',
        x: 0.5935997352935374,
        y: 0.36792555125430226,
        size: 5,
        color: '#fff' } ],
  edges: [] }

在我的 Express 应用程序中，我使用以下代码呈现 Jade 页面：

app.get('/network', function (req, res) {
    //Function calls to generate graph
    function someCallback(data) {
        res.render('graph', {graphData: data});
    }
}

接下来，在我的 Jade 文件中，我想将此数据分配给一个变量，以便我可以在 JavaScript 文件中使用它：

script(src='/javascripts/vendor/sigma.min.js')
script.
    var graphData = '#{graphData}'
script(src='/javascripts/graph.js')

我的 JavaScript 文件如下所示：

$(document).ready(function () {

    console.log(graphData.nodes);
    console.log(graphData.edges);
    var s = new sigma({
        graph: graphData,
        renderer: {
            container: document.getElementById('graph-container'),
            type: 'canvas'
    }});
    s.refresh();

});

问题是，当我在浏览器中查看控制台时，它显示 undefined 两次。

这是将数据传输到 JavaScript 文件的正确方法吗？我做错了什么吗？

Answer 1

您将 data 对象输出为字符串，因此您可能会看到类似 var data = '[Object object]' 在你输出 html。

在你的 jade 模板中做这样的事情应该可以解决这个问题：

script.
  var graphData = !{graphData}

让我知道这有帮助！

编辑：更新阿德里安的评论

Express 和 Jade：将变量输入 JavaScript

Express and Jade: getting a variable into JavaScript

javascript

node.js

express

pug