[英]passing an array from express to jade client side javascript
我有这个玉模板:
html
head
script(type="text/javascript" src="https://www.google.com/jsapi")
script(type='text/javascript')
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Date', 'Tin_A' ],
- each datapoint in myData
"[" + datapoint.date + "," + datapoint.value + "],"
]);
var options = {
title: 'bla'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_line'));
chart.draw(data, options);
}
body
h1= title
#chart_line
我正在使用此调用在express / node.js中呈现jade模板:
app.get('/', function(req, res){
sensors.findSensorAllData(2, 2, function (error,emps){
console.log(emps);
res.render('tmp', {
title : 'Temperatures in a row',
myData : emps
});
});
});
console.log(emps)
的输出是:
[ { _id: 524b8642028e167fb0e3661d,
sensor_id: 2,
value: 49,
date: Tue Oct 01 2013 20:34:40 GMT-0600 (CST) },
{ _id: 524b863d028e167fb0e3661c,
sensor_id: 2,
value: 19,
date: Tue Oct 01 2013 20:34:35 GMT-0600 (CST) } ]
在渲染出现之后,我希望在jadecrip中有jadecrip中的值......但是它不起作用。 我在纯文本中只得到相同的行,就好像行- each datapoing in myData
都没有意义......我做错了什么? 谢谢
---编辑:如果我更换线条,一切正常
- each datapoint in myData
"[" + datapoint.date + "," + datapoint.value + "],"
同
['2004', 20],
['2005', 30],
['2006', 40]
我认为由于括号周围的引号,您可能会意外地注入String而不是Array:
- each datapoint in myData
"[" + datapoint.date + "," + datapoint.value + "],"
我对Jade不太熟悉,但我想你可能想要做以下事情:
- each datapoint in myData
[#{datapoint.date}, #{datapoint.value}],
此外,在您提供的示例数据中,您只使用Date的year部分,但datapoint.date
属性的内容可能是完整的Date对象,我不确定这是否是您想要的这个用途。
看到这个问题的选择答案为什么你要做的事情不起作用。 ( JADE + EXPRESS:在内联JS代码(客户端)中迭代对象? )
基本上,只要你点击脚本标签,你就告诉Jade解析器以原始形式处理事物,而不进行进一步的处理。 您真正想要做的是重做代码的脚本标记,如下所示:
- if (typeof(pins) != "object")
!= "<script type='text/javascript'>"
!= "google.load('visualization', '1', {packages:['corechart']});
!= "google.setOnLoadCallback(drawChart);
!= "function drawChart() {
!= "var data = google.visualization.arrayToDataTable([
!= "['Date', 'Tin_A' ],"
- forEach datapoint in myData
!= "[" + datapoint.date + "," + datapoint.value + "],"
!= "]);"
!= "var options = {"
!= "title: 'bla'"
!= "};"
!= "var chart = new google.visualization.LineChart(document.getElementById('chart_line'));"
!= "chart.draw(data, options);"
!= "}"
试试这个,但我相当肯定它应该有效。
PS:上面的链接(我相信)清楚地说明为什么前面的答案应该是不正确的,因为你不能在Jade脚本标签内部进行那种模板占位符插值。
丑陋警报:
script
...
var data = google.visualization.arrayToDataTable(['Date', 'Tin_A' ].concat(!{JSON.stringify(myData.map(function(i) { return [ i.date, i.value ] })) }));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.