How to use json in handlebars with nodeJs expressJs

Question

I have a JSON data in dataList variable and I want to add this in custom handlebars helper as a parameter.

var dataList = [
  {
    "id": 1,
    "title": "Arrange meeting",
    "date": "Today 10:35 | By Admin",
    "completed": true
  },
];

Handlebars Custom helper

var Handlebar = require('handlebars');
Handlebar.registerHelper('List', function(data, options){
  //console.log(data) //returns undefined 
  return options.fn(JSON.parse(data)); // gives error
});

Custom Helper Rendering:

{{#List dataList}} 
  {{> widgets/toDoList}}
{{/List}}

It produce error

SyntaxError: Unexpected token u in JSON at position 0

Whereas, it is working with the static data

{{#List '[
  {
    "id": 1,
    "title": "Arrange meeting",
    "date": "Today 10:35 | By Admin",
    "completed": true
  },
]' }} 
  {{> widgets/toDoList}}
{{/List}}

When I have add full json code in {{#List full_json_code_here}} with single quotes then works perfectly can you please explain it ? or better add the use case in the question, when its working — Raghav Garg
– Raghav Garg, Commented Sep 19, 2018 at 11:49
thanks for the update, I am pretty much sure, it's not the problem of custom helper, but the way you are passing data to it. Please also show where you are calling this view.!! If you are using express, it would be like res.render('view-name', data). — Raghav Garg
– Raghav Garg, Commented Sep 19, 2018 at 11:55

Raghav Garg · Accepted Answer · 2018-09-20 06:54:10Z

1

+50

I am pretty much sure, it's not the problem of custom helper, but the way you are passing data to it.

If you are using express, it would be like res.render('view-name', data)

answered Sep 20, 2018 at 6:54

Raghav Garg

3,7072 gold badges26 silver badges33 bronze badges

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

Comments

Jignesh Sanghani · Accepted Answer · 2018-09-17 11:53:06Z

0

it's becuase your data return undefined see for more here [ uncaught syntaxerror unexpected token U JSON ]

answered Sep 17, 2018 at 11:53

Jignesh Sanghani

7406 silver badges14 bronze badges

5 Comments

Varinder Sohal Over a year ago

JSON dataList is already defined but still not getting the actual issue.

Jignesh Sanghani Over a year ago

Handlebar.registerHelper('List', function(data, options){     //console.log(data) //returns undefined      return options.fn(JSON.parse(data)); });

in this code you have done parsing into json but due to undefined data you got this error.

Varinder Sohal Over a year ago

Okay!! So can you explain me how to define dataList?? in {{#List dataList }} {{> widgets/toDoList}} {{/List}}

Jignesh Sanghani Over a year ago

have you ever play with handlebar???? here tutorial for that (video)[youtube.com/watch?v=4HuAnM6b2d8]

Raghav Garg Over a year ago

@JigneshSanghani , why have you put the question as the answer just reframed? OP told us that the data is undefined and hence the error. Please help in identifying why is it coming undefined..!!

VyorreL · Accepted Answer · 2018-09-19 13:20:50Z

0

JSON.parse accepts a string, but you pass him an array

answered Sep 19, 2018 at 13:20

VyorreL

32 bronze badges

Collectives™ on Stack Overflow

How to use json in handlebars with nodeJs expressJs

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related