2022.2

4. WritealineofcodethatcallsthefunctionHandlebars.render(template, data).
l
Thetemplatecanbe:
a. thenameofaHandlebarstemplate(.hbs)inthetemplate
b. thenameofaHandlebarstemplate(.hbs)ondisk(file:///)
c. thenameofaremoteHandlebarstemplate(.hbs)(http://orhttps://)
d. astringthatcontainsHTMLandHandlebarsexpressions.
Withasnippetondisk,thecompletesyntaxis:file://<host>/<path>.Ifthehost
is"localhost",itcanbeomitted,resultinginfile:///<path>-notethethreeforwardslashes
afterfile:.
Intheremainderofthepathyoucaneitheruseescapedbackwardslashes:
"file:///C:\\Users\\Administrator\\Desktop\\Handlebars_LoadFile.hbs"
orforwardslashes:
"file:///C:/Users/Administrator/Desktop/Handlebars_LoadFile.hbs"
l
Thedatacanbethecurrentrecordorpartofit,oraJavaScriptobject(whichmayinclude
therecordorpartofit-see"HandlebarsAPI"onpage780foranexample).
Ifnodataispassed,thecurrent recordwillbeused.
Example:
var html = Handlebars.render( "snippets/policy-info.hbs", record
);
5. WritealineofcodethataddstherenderedHTMLtothecontentofthesection.
Example: results.replaceWith( html )
6. Savethescript.Makesurethatthereisatleastoneelementinthesectionthatmatchesthe
selectorofthescript.
Alternative: compile and call the template
Therender()functionactuallydoestwothings:
1. Compile the Handlebars template into a function
WhenaHandlebarstemplateiscompiled,itisactuallycompiledintoaJavaScriptfunction.
2. Call the function to replace expressions with data
Thesecondstepistocalltheresultingfunction,passinginsomedata.Thefunctionwillreplace
theexpressionswithvaluesfromthedataandwillthenreturnHTML.
Page 776