Nodejs，如何在PUG/jade視圖中將參數傳遞給Javascript

Question

我想在呈現我的視圖時傳遞一個變量，並在客戶端Javascript中使用此變量。我已經有了一部分，但它是錯誤的。我使用PUG視圖（或Jade）。

例子：

服務器端

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> 

如何解決呢？

Answer 1

您要添加plain text

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

Answer 2

添加一個 ''這樣的腳本後：

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