mustache

In a handlebars template, how do you set a radio button group to the right value using only the template? Can this be done directly in the template? For an example, let's say there's a radio button group like this: <label><input type="radio" name="mode" value="auto">Auto</label><br> <label><input type="radio" name="mode" value="on">On</label><br> <label><input type="radio" name="mode" value="off">Off</label><br> The data coming into the template has a value for mode: {mode: "on"} I want to end up with this after template expansion: <input type="radio" name="mode" value="auto">Auto<br> <input

According to the mustache RFC A {{name}} tag in a basic template will try to find the name key in the current context. If there is no name key, nothing will be rendered. I therefore expected this: var template = '{{#anArray}}{{aString}}{{/anArray}}'; var json = { "aString":"ABC", "anArray": [1,{"aString":"DEF"}] }; To give me once rendered: "DEF" However mustache.js looks for values in the parent's scope. Which gives me "ABCDEF" Do the context actually means including all the parents scopes ? http://jsfiddle.net/ZG4zd/20/ Short answer: yes. A bit longer answer. Context.prototype.lookup does a

Background All the JS template engines recommend putting your template text inside script blocks like so: <script id="peopleTemplate" type="text/template"> {#people} <div class="person">Name: {firstName} {lastName}</div> {/people} </script> but many developers (understandably) dislike this because they lose HTML syntax highlighting in their code editor inside the script block. I've seen the workarounds like this: Keep correct HTML syntax highlighting in <script> "text/html" templates . This question is not asking about workarounds. I know one danger is that web browsers will attempt to fix

I have two arrays: var content = { "girls": ["Maria", "Angela", "Bianca"], "digits": ["21.143.191.2", "123.456.78.90", "971.6.17.18.1"] }; and a template: <script id="template" type="text/template"> <ul> <li><a href="{{digits}}">{{girls}}</a></li> </ul> </script> I'd like the end result to be: <ul> <li><a href="21.143.191.2">Maria</a></li> <li><a href="123.456.78.90">Angela</a></li> <li><a href="971.6.17.18.1">Bianca</a></li> </ul> I've tried block mustaches like {{#girls}} {{.}} {{/girls}} and {{#digits}} {{.}} {{/digits}} but no matter which way I nest them I seem to get repeats instead of

Is there a clean way to define/run a callback function once Mustache.js has finished rendering a template and inserting it into the DOM? For example, something like this: Mustache.render(template, viewModel, function() {...}); The best I've been able to come up with is counting the number of nodes in my view model that will be inserted into the DOM, and then using setInterval to check if that many nodes exist in the DOM. Once they do, I can then call the function I want. This seems inefficient and potentially buggy to me, but I don't know what else to do. Not related to mustache, actually it