Troubles with connecting object passed from Express to Handlebars template

Question

Troubles with connecting object passed from Express to Handlebars template

I'm currently facing an issue trying to chain an object rendered from Express in my Handlebars file. I can't seem to find a solution.

The object I'm working with is structured like this:

"generalContentOfferOne": {
  "subCopy": {
    "en-us": "Test Copy",
    "bahasa": "Bergabunglah dalam..."
  }
}

When I try to render

{{distributorJSON.generalContentOfferOne.subCopy}}

in my Handlebars file, it displays as Object object, which is expected.

In addition, I have a localization variable that determines whether the language should be en-us or bahasa based on the route. I thought I could use bracket notation to dynamically render the value from the object above using the localization value. For example:

{{ distributorJSON.generalContentOfferOne.subCopy[{{localization}}] }}

I also attempted:

{{ distributorJSON.generalContentOfferOne.subCopy.{{localization}} }}

Unfortunately, these methods are not successful. I suspect that Handlebars might have its own specific way of chaining dynamic values. Any guidance would be greatly appreciated. Thank you!

javascript express handlebars.js mustache

Answer 1

Answer №1

After searching high and low, I came up empty-handed with a ready-made solution. That's when inspiration struck, and I created a custom handlebars helper to tackle the issue.

Here's the handy helper function:

exports.getDynamicPropertyValue = function(object, key){
  return object[key];
}

And this is how you can use it in your Handlebars template:

{{ getDynamicPropertyValue productData.specifications.weight "metric" }}

Answer 2

After searching high and low, I came up empty-handed with a ready-made solution. That's when inspiration struck, and I created a custom handlebars helper to tackle the issue.

Here's the handy helper function:

exports.getDynamicPropertyValue = function(object, key){
  return object[key];
}

And this is how you can use it in your Handlebars template:

{{ getDynamicPropertyValue productData.specifications.weight "metric" }}

Troubles with connecting object passed from Express to Handlebars template

Answer №1

Similar questions

Get the nearest offspring of the guardian

What is the best way to incorporate Javascript into jQuery tabs?

Is it possible to create a button function in HTML that can alter the CSS image tag?

Having trouble with the Ajax load function not functioning in your HTML code?

Querying MongoDB to locate books by the same author or those that are categorized in at least one similar category

Use the Facebook API to easily access any user's profile picture by providing their unique Facebook user ID

Logic for iterating through blocks in JavaScript

While working with Ngrx/effects, an error with code TS2345 occurred. The error message stated that the argument is of type 'Product[]', which cannot be assigned to a parameter of type

Using percentage values to fill a customized SVG image

How can you determine the distance of an SVG path?

How to Display Graph Horizontally using jqBarGraph

What could be causing the malfunction of my Nextjs Route Interception Modal?

Sequelize - Leveraging Associations in Where Clauses

Ways to schedule the execution of a script at a specific time using Node.js

Most effective method for eliminating an item from an array with AngularJs

Unable to resolve 500 error on Vercel in Next.js despite successful local development

Next.js presents a challenge with micro frontend routing

Learn the simple steps for creating a sub collection within a document using Firebase Function Express

What steps can I take to prevent drawing on the HTML5 Canvas?

Background with borders full of parallax effects scrolling in sync