Wie greife ich über einen Index im Lenker auf ein Access-Array-Element zu?

Ich versuche, den Index eines Elements in einem Array innerhalb einer Lenkervorlage anzugeben:

{
  people: [
    {"name":"Yehuda Katz"},
    {"name":"Luke"},
    {"name":"Naomi"}
  ]
}

mit diesem:

<ul id="luke_should_be_here">
{{people[1].name}}
</ul>

Wenn dies nicht möglich ist, wie würde ich einen Helfer schreiben, der auf ein bestimmtes Element innerhalb des Arrays zugreifen kann?

Versuche dies:

<ul id="luke_should_be_here">
{{people.1.name}}
</ul>

Das Folgende mit einem zusätzlichen Punkt vor dem Index funktioniert wie erwartet. Hier sind die eckigen Klammern optional, wenn auf den Index eine andere Eigenschaft folgt:

{{people.[1].name}}
{{people.1.name}}

Die eckigen Klammern sind jedoch erforderlich in:

{{#with people.[1]}}
  {{name}}
{{/with}}

In letzterem Fall würde die Verwendung der Indexnummer ohne eckige Klammern eine ergeben:

Error: Parse error on line ...:
...     {{#with people.1}}                
-----------------------^
Expecting 'ID', got 'INTEGER'

Nebenbei bemerkt: Die Klammern werden (auch) für die segmentliterale Syntax verwendet , um auf tatsächliche Bezeichner (keine Indexnummern) zu verweisen, die ansonsten ungültig wären. Weitere Details finden Sie unter Was ist eine gültige Kennung?

(Getestet mit Lenker in YUI.)

2.xx Update

Sie können jetzt den getHelfer dafür verwenden:

(get people index)

Wenn Sie jedoch eine Fehlermeldung erhalten, dass der Index eine Zeichenfolge sein muss, gehen Sie wie folgt vor:

(get people (concat index ""))

{{#each array}}
  {{@index}}
{{/each}}

Wenn nicht dokumentierte Funktionen nicht Ihr Spiel sind, können Sie dies hier erreichen:

Handlebars.registerHelper('index_of', function(context,ndx) {
  return context[ndx];
});

Dann in einer Vorlage

{{#index_of this 1}}{{/index_of}}   

Ich habe das Obige geschrieben, bevor ich es bekommen habe

this.[0]

Ich kann nicht sehen, dass jemand mit dem Lenker zu weit kommt, ohne eigene Helfer zu schreiben.

Wenn Sie dynamische Variablen verwenden möchten

Das wird nicht funktionieren:

{{#each obj[key]}}
...
{{/each}}

Sie müssen tun:

{{#each (lookup obj key)}}
...
{{/each}}

Siehe Lenker-Suchhilfe und Unterausdrücke für Lenker .

Bitte versuchen Sie dies, wenn Sie zuerst / zuletzt abrufen möchten.

{{#each list}}

    {{#if @first}}
        <div class="active">
    {{else}}
        <div>
    {{/if}}

{{/each}}


{{#each list}}

    {{#if @last}}
        <div class="last-element">
    {{else}}
        <div>
    {{/if}}

{{/each}}

Während Sie ein Array mit schleifen each und anderen Array im Kontext des aktuellen Elements durchlaufen, tun Sie dies folgendermaßen.

Hier sind die Beispieldaten.

[
  {
    Name: 'foo',
    attr: ['boo', 'zoo']
  },
  {
    Name: 'Bar',
    attr: ['weit', 'zar']
  }}
]]

Hier ist der Lenker, um das erste Element im attrArray zu erhalten.

{{#jeder Spieler}}
  <p> {{this.name}} </ p>

  {{#with this.attr}}
    <p> {{this. [0]}} </ p>
  {{/mit}}

{{/jeder}}

Dies wird ausgegeben

<p> foo </ p>
<p> boo </ p>

<p> Balken </ p>
<p> weit </ p>

Die folgende Syntax kann auch verwendet werden, wenn das Array nicht benannt ist (nur das Array wird an die Vorlage übergeben):

  <ul id="luke_should_be_here">
  {{this.1.name}}
  </ul>

In meinem Fall wollte ich auf ein Array in einem benutzerdefinierten Helfer wie folgt zugreifen:

{{#ifCond arr.[@index] "foo" }}

Was nicht funktioniert hat, aber die von @julesbou vorgeschlagene Antwort hat funktioniert.

Arbeitscode:

{{#ifCond (lookup arr @index) "" }}

Hoffe das hilft! Prost.