Node.js，如何在PUG / Jade视图中将参数传递给Javascript

Question

I want to pass a variable when rendering my view and use this variable in client side Javascript. I already got partially, but it's rendering wrong. I use PUG view (or Jade).

Example:

Server Side

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

Client Side : PUG view

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

It's creating a tag <var></var> on output instead var only, like this:

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

The right way should be:

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

How to fix that?

Answer 1

You want to add plain text

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

Answer 2

Add a '.' after script like this:

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