handlebars.js

问题 Hi am New to Handlebarsjs. I have a collection of contacts with name, email, phone, etc. as below [ { "name": "Bob Wolmer", "email": "bob@wolmer.com", "phone": "(535) 235-1234", "address": "301 Cobblestone Wy., Berdrock 00000", "contactId": "1121", "labels": {} }, { "name": "Wilma Erra", "email": "wilma@erra.com", "phone": "(535) 235-3659", "address": "301 Cobblestone Wy., Berdrock 70777", "contactId": "1122", "labels": {} }, { "name": "Brad", "email": "brad@brad.com", "phone": "(535) 235

问题 Hi am New to Handlebarsjs. I have a collection of contacts with name, email, phone, etc. as below [ { "name": "Bob Wolmer", "email": "bob@wolmer.com", "phone": "(535) 235-1234", "address": "301 Cobblestone Wy., Berdrock 00000", "contactId": "1121", "labels": {} }, { "name": "Wilma Erra", "email": "wilma@erra.com", "phone": "(535) 235-3659", "address": "301 Cobblestone Wy., Berdrock 70777", "contactId": "1122", "labels": {} }, { "name": "Brad", "email": "brad@brad.com", "phone": "(535) 235

问题 So, I'm kind of new to Ember.js and it's been a couple of hours since I'm stuck with this. I'm playing with this bloggr client and what I want to accomplish is to load those handlebars templates from external files. The "about" template should render when the user clicks the about page in the panel. Here's the code in short so you dont have to dig that much (I believe it'll be easy for experienced users) Template inside . html as shown in the example <script type="text/x-handlebars" id="about

问题 In Handlebars, say i have a collection of names how can i do {{#each names}} {{position}} {{name}} {{/each}} where {{position}} is 1 for the first name, 2 for the second name etc. Do I absolutely have to store the position as a key in the collection? 回答1: You can do this with the built-in Handlebars @index notation: {{#each array}} {{@index}}: {{this}} {{/each}} @index will give the (zero-based) index of each item in the given array. Please note for people using Handlebars with the Razor view

问题 In Handlebars, say i have a collection of names how can i do {{#each names}} {{position}} {{name}} {{/each}} where {{position}} is 1 for the first name, 2 for the second name etc. Do I absolutely have to store the position as a key in the collection? 回答1: You can do this with the built-in Handlebars @index notation: {{#each array}} {{@index}}: {{this}} {{/each}} @index will give the (zero-based) index of each item in the given array. Please note for people using Handlebars with the Razor view

问题 I am trying to write a conditional if statement helper for Handlebars.js. Essentially, I want to put an "active" class on a link if it is the Apply Now page. Helper: Handlebars.registerHelper('isApplyNow', function(block) { if(this.title == "Apply Now") { return block(this); } else { return block.inverse(this); } }); And Template: <ul> {{#each pages}} <li> {{#isApplyNow}} <a href="{{url}}" class ='active'>{{this.title}}</a> {{else}} <a href="{{url}}">{{this.title}}</a> {{/if}} </li> {{/each}}

问题 Suppose I want to build a dynamic table. How do I run each inside each. If the only varible that represents current item is this . {{#each by_width}} {{#each by_height}} {{this}} // how do refer to this from the outer loop? {{/each}} {{/each}} 回答1: You can use ../ to access the parent in a Handlebars template: {{#each by_width}} {{#each by_height}} w: {{../this}} h: {{this}} {{/each}} {{/each}} That of course assumes that by_height is inside each element of by_width , if they're both at the

问题 My goal is to put all my Handlebars templates in a single folder, as so: templates/products.hbs templates/comments.hbs I found this snippet in a few places via a cursory Google search, which apparently will load in Handlebar templates in external files, which makes much more sense than putting a bunch of templates in a single index file. (function getTemplateAjax(path) { var source; var template; $.ajax({ url: path, //ex. js/templates/mytemplate.handlebars cache: true, success: function(data)

问题 I am just starting with handlebars and I am trying to do a simple double for loop in order to have all the day's time with 15 minute intervals. A very weird thing is happening where if the child and parent have the same values, the view object is being returned instead. This is my code: var handlebarsExpress = require('express-handlebars').create({ helpers: { for: function(from, to, incr, block) { var accum = ''; for(var i = from; i <= to; i += incr) { accum += block.fn(i); } return accum; }

问题 Is there a simple way to build a string "{value}" with Handlebars? Perhaps something analogous to: Handlebars.compile("\{{{var}}\}")({var:"value"}) 回答1: Handlebars support whitespace with the ~ character. The following should work Handlebars.compile("{ {{~var~}} }")({var:"value"}) 来源： https://stackoverflow.com/questions/24943334/simple-way-to-escape-curly-braces