Handlebars converts array of strings to array of variables

Question

My problem is that when i send data to handlebars template it converts my array of strings to array of variables:

res.render('index', { 
  title: 'Express' ,
  chartT:"title",
  lab:['test','test2','test3'],
  dat:[1,3,5]
});

Template code:

  <canvas id="myChart" width="400" height="400"></canvas>
    <script>
      var pollOptions = [{{{lab}}}];
      var pollData = [{{{dat}}}];
      createChart("mychart",pollOptions,pollData);
    </script>

And the problem that in pollOptions i got this

var pollOptions = [test,test2,test3];

Uncaught ReferenceError: test is not defined

I don't know why the template convert them...

Thank you in advance for your help.

Faouzi Oudouh · Accepted Answer · 2016-12-23 17:22:48Z

1

HandleBars dedicated to HTML templating (Not to render a JS variable) You can do something like this (Without handlebars):

var pollOptions = ["{{{lab}}}"];
var pollData = ["{{{dat}}}"];

edited Dec 23, 2016 at 17:22

answered Dec 23, 2016 at 10:06

Faouzi Oudouh

8204 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

elwindly Over a year ago

I use handlebars for templating...e.g.:<h1>{{title}}</h1> passing down data from the server so it can show to the user, but i also need to supply data for the chart (the variables there to make the code more readable)

Faouzi Oudouh Over a year ago

Yes, i know. What caused the caught error is that handlebars removes ' from the variables which means javascript engine will consider them as javascript variable instead of String you're expecting.

elwindly Over a year ago

Ok, but what is the solution , can i force down the strings or should i make an ajax call to the server ( to a different route) that will supply the data to the chart or register a helper or just get rid of the template engine and use some front-end framework or libraries? The solution above doesn't work even with html.

elwindly Over a year ago

unfortunately the updated solution doesn't work the result is: ["test,test,test"]

elwindly Over a year ago

I ended up creating a new route(/api/getPools) and got the data with fetch, thank you for trying to help, i am going to accept your solutions for clarifying that i cannot send down strings

elwindly · Accepted Answer · 2016-12-24 08:57:40Z

0

Ok I have figured it out!

var rawData = "{{{lab}}}";
var pollData = rawData.split(",");

And now i can use it as a string array

answered Dec 24, 2016 at 8:57

elwindly

451 silver badge7 bronze badges

Collectives™ on Stack Overflow

Handlebars converts array of strings to array of variables

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related