CODEWITHSUNDEEP
javascriptclasshandlebars.js
Jamie Hutber
Jamie Hutber

Reputation: 28064

How to use a variable in a handlebars template attribute

I am trying to set a variable on a handlebars attribute but it isn't being output.

const handlebars = require('handlebars');
const jamie = 'src-css-___grid__colTwoThree___1eBiI';

const search = handlebars.compile(`
<div class="grid">
  <div class="{{jamie}}">
  </div>
</div>
`);

export default search;

Output

<div class="grid">
  <div class="">
  </div>
</div>

How isn't jamie being output?

Upvotes: 0

Views: 1298

Answers (1)

Chad
Chad

Reputation: 618

I believe you need to have three {{{ variable }}}.

Two for iterators like this

{{#each item}}
{{/each}}

Edit: If you're using ES6 you don't need handlebars.

const jamie = 'src-css-___grid__colTwoThree___1eBiI';

const search = `
<div class="grid">
  <div class="${jamie}">
  </div>
</div>
`;

export default search;

Upvotes: 2

Related Questions