CODEWITHSUNDEEP
javascriptjqueryjsontemplateshandlebars.js
Thomas Sebastian
Thomas Sebastian

Reputation: 1612

Use same Handlebars template for all the pages

I have this use-case where I would like to have one navbar for all the pages. The technique which I used until now was to keep an external JSON file and fetch it using jQuery .getJSON library. I was using jQuery DOM methods to generate the HTML.

That I am finding messy and would love to use Handlebars template instead. But my doubt is, in Handlebars you add script within script tag inside the HTML. So is there a way to just write an individual Handlebars template and invoke it on all the pages?

I have done some searching and couldn't find anything. I am just asking if I can embed Handlebars template like that or I do have to explicitly embed for all the pages for which I need the navbar? In other words, can I add Handlebars template inside a xyz.js file.

Upvotes: 0

Views: 685

Answers (1)

Pete TNT
Pete TNT

Reputation: 8403

Short answer is: yes you can. You can either precompile your templates to one JavaScript file and insert them to your document with JavaScript, by using a partial or with a hybrid method such as this one by Tal Bereznitskey, that makes it possible to mix and match precompiled and uncompiled templates.

Upvotes: 1

Related Questions