Nodejs,如何在PUG/jade视图中将参数传递给Javascript

问题描述:

我想在呈现我的视图时传递一个变量,并在客户端Javascript中使用此变量。我已经有了一部分,但它是错误的。我使用PUG视图(或Jade)。Nodejs,如何在PUG/jade视图中将参数传递给Javascript

例子:

服务器端

res.render('xyzView', { xyzVal: 'my_values_xyz'}); 

客户端:帕格视图

extends ../layout 
block content 
    script(type='text/javascript') 
     var getVal= #{xyzVal}; 

它创建输出标签<var></var>,而不是只var,像这样:

//- other HTML tags and codes 
//-.. 
//-.. 
<script type="text/javascript"> 
    <var>getVal = 'my_values_xyz'</var> /// <<<<<====== THE PROBLEM IT'S HERE 
</script> 

正确的做法应该是:

//- other HTML tags and codes 
//-.. 
//-.. 
<script type="text/javascript"> 
    var getVal = 'my_values_xyz'; 
</script> 

如何解决呢?

您要添加plain text

extends ../layout 
block content 
    script(type='text/javascript') 
     | var getVal= #{xyzVal}; 
+0

它的作品!!!!!谢谢, – wBB

添加一个 ''这样的脚本后:

script(type='text/javascript'). 
    var getVal= #{xyzVal}; 
+1

令人难以置信....我阅读并重新阅读文档,看不到使用“。”。和“|”。两者都有效!感谢你们! – wBB

+0

欢迎您:) –