我的js.html中有一个javascript代码:
{% load static %}
<script src="{% static "vis.js" %}"></script>
<div id="mynetwork"></div>
<script type="text/javascript">
var nodes = new vis.DataSet([
{'id': 1, 'label': 'node 1'},
{'id': 2, 'label': 'node 2'},
{'id': 3, 'label': 'node 3'},
{'id': 4, 'label': 'node 4'},
{'id': 5, 'label': 'node 5'}
]);
var edges = new vis.DataSet([
{'from': 1, 'to': 3},
{'from': 1, 'to': 2},
{'from': 2, 'to': 4},
{'from': 2, 'to': 5},
{'from': 3, 'to': 3}
]);
var container = document.getElementById('mynetwork');
var data = {
nodes: nodes,
edges: edges
};
var options = {};
var network = new vis.Network(container, data, options);
</script>
我有一个名为nodesJS的python变量,它在打印时采用这种形式:
[{'id': 1, 'label': 'node 1'},
{'id': 2, 'label': 'node 2'},
{'id': 3, 'label': 'node 3'},
{'id': 4, 'label': 'node 4'},
{'id': 5, 'label': 'node 5'} ]
这与此javascript将使用的形式相同。在我的views.py中,我只是在上下文中传递nodesJS变量。现在我想用这种风格编写我的js代码:
var nodes = new vis.DataSet({{nodesJS}});
问题在于它不起作用。有没有办法让js处理我希望它的python变量?