Comment obtenir une valeur de tableau à l'index en utilisant Handlebars.js?

Dire que j'ai JSON:

{
userinput: [
    {name: "brian", "value": "i like pies"},
    {name: "susan", "value": "memes are stupid"}
],
feedback: [
    {value: "i also like pies"},
    {value: "null"}
]
}

Et je suis en train de dessiner un tableau comme ceci:

name ..... | input ......   | feedback
----------- | ---------------- | -----------------
brian      | I like pies    | I also like pies
susan      | mems are stupid| null

Et bien que je reconnaisse qu'il serait mieux d'avoir des réactions comme une valeur de "userinput", ce que j'ai n'est pas fait comme ça ...

Je vais essayer d'obtenir l'indice de rétroaction à l'intérieur de {{#chaque userinput}}`, par exemple

{{#each userinput}}
<td>{{name}}</td><td>{{value}}</td><td>{{../feedback[@index].value}}</td>
{{/each}}

Mais bien sûr {{../feedback[@index].value}} ne fonctionne pas.

Quelle est la meilleure façon (sans changer la structure du json) pour saisir la valeur de l'indice correspondant à l'intérieur de la rétroaction tableau?

source d'informationauteur frumbert

  1. 14

    Cela peut être accompli en utilisant le recherche helper:

    La lookup helper permet dynamique de la résolution des paramètres à l'aide de Guidon variables. Ceci est utile pour résoudre des valeurs pour les indices de tableau.

    Donc le modèle de votre exemple pourrait ressembler à ceci: 

    {{#each userinput}}
    <td>{{name}}</td>
    <td>{{value}}</td>
    <td>
        {{#with (lookup ../feedback @index)}}
            {{value}}
        {{/with}}
    </td>
{{/each}}
  2. 3

    Je suppose que vous avez à écrire un bloc helper pour cela, comme il semble @index ne peut être utilisé comme un stand-alone.

    J'ai modifié le "liste" exempleafin de permettre à un modèle comme celui-ci: "{{#list userinput feedback}}<td>{{name}}</td><td>{{value}}</td><td>{{@feedback.value}}</td>{{/list}}". La mise en œuvre est comme cela, d'accepter deux paramètres "entrée" et "commentaires" (en plus de la norme "options").

    Handlebars.registerHelper('list', function(input, feedback, options) {
  var out = "", data;

  //iterate over the input
  for (var i=0; i<input.length; i++) {
    if (options.data) {
      data = Handlebars.createFrame(options.data || {});

      //add "feedback" item to the current frame's data
      data.feedback = feedback[i];
    }

    out += "<tr>" + options.fn(input[i], { data: data }) + "</tr>";
  }

  return out;
});

    Voici le Violon.