handlebars.js

Say I have JSON: { userinput: [ {name: "brian", "value": "i like pies"}, {name: "susan", "value": "memes are stupid"} ], feedback: [ {value: "i also like pies"}, {value: "null"} ] } And I'm trying to draw a table like this: name ..... | input ...... | feedback -----------|----------------|----------------- brian | I like pies | I also like pies susan | mems are stupid| null And while I recognise that it would be better to have feedback as a value of "userinput", what I have is not done like that ... I'm trying to get the index of feedback inside {{#each userinput}}`, e.g. {{#each userinput}}

I need to combine linkTo and action helpers in Ember.js. My code is: {{#link-to 'index'}}<span {{action 'clear'}}>Clear</span>{{/link-to}} But I would like to make this something like this: {{#link-to 'index' {{action 'clear'}} }}Clear{{/link-to}} And also: <li> {{#link-to 'support'}} <span {{action 'myAction' 'support'}}>Support</span> {{/link-to}} </li> To: <li> {{#link-to 'support' {{action 'myAction' 'support'}} }}Support{{/link-to}} </li> How can I achieve this? Solution Check my answer for Ember 2.0 compatible , OK for SEO solution . Ember Link Action addon This is OK for SEO solution !

How to access parent @index value in each-loop? Tried the following: {{#each company}} {{#each employee}} {{../@index}} // how to access company index here? {{/each}} {{/each}} This results to an error: Expecting 'ID', got 'DATA' There is a syntax error in the example. The correct syntax is {{@../index}} . We are looking at ways that we can support custom naming of these parameters in future versions of the language so this is easier to deal with. https://github.com/wycats/handlebars.js/issues/907 This worked for me: {{#each company}} {{setIndex @index}} {{#each employee}} {{../index}} {{/each

I am learning ember.js, and I am trying to understand the difference between a view and a component. I see both as a way of making reusable components. From Ember's website on views: Views in Ember.js are typically only created for the following reasons: -When you need sophisticated handling of user events -When you want to create a re-usable component From Ember's website on components: A component is a custom HTML tag whose behavior you implement using JavaScript and whose appearance you describe using Handlebars templates. They allow you to create reusable controls that can simplify your

I would like to pass a true/false statement to my handlebars {{Gd-text-input label="Specify" name="Specify" key="entry.810220554" hideIf="entry.18110 === "Client""}} I would like hideIf to be true if the variable entry.18110 is set to "Client First, add this somewhere - Handlebars.registerHelper('ifEqual', function (var1, var2, options) { if (var1=== var2) { return new Handlebars.SafeString(options.fn(this)); } return new Handlebars.SafeString(options.inverse(this)); }); Then.. {{#ifEqual entry.18110 "Client"}} {{Gd-text-input label="Specify" name="Specify" key="entry.810220554" hideIf="true"}

I am using this data here: http://pastie.org/3231052 - How can I display the key instead of the value using Mustache or Handlebars? [{"interval":"2012-01-21", "advertiser":"Advertisers 1", "offer":"Life Insurance", "cost_type":"CPA", "revenue_type":"CPA", ... etc ... }] If you want to display key-value pairs, you can write a helper in Handlebars. Handlebars.registerHelper('eachkeys', function(context, options) { var fn = options.fn, inverse = options.inverse; var ret = ""; var empty = true; for (key in context) { empty = false; break; } if (!empty) { for (key in context) { ret = ret + fn({

I use highchart so, the user can close and open the chart page and redraw the chart, in some case give me this error, how can I fix it, Thanks Here is my code function populateGraph(graph1data1,graph1data2,id,time,bottomText,tickinterval){ $(function () { $('#'+id).highcharts({ chart: { type: 'line' }, xAxis: { tickWidth: 0, categories: ['1,2,3,4'] }, yAxis: { gridLineColor: '#fff', title: { text: '' }, labels: { formatter: function() { return ''; } } }, navigation: { buttonOptions: { enabled: false } }, series: [{ name: 'This ', data: [1,2,3,4], color: '#1e71ef' }, { name: 'Last ', data: [5,6