Jak uzyskać dostęp do elementu tablicy dostępu według indeksu w kierownicy?

Poniższe, z dodatkową kropką przed indeksem , działa zgodnie z oczekiwaniami. W tym przypadku nawiasy kwadratowe są opcjonalne, gdy po indeksie następuje inna właściwość:

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

Jednak nawiasy kwadratowe są wymagane W:

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

W tym ostatnim, używając numeru indeksu bez nawiasów kwadratowych otrzymamy jeden:

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

Na marginesie: nawiasy są (również) używane do składni segment-literal , aby odnosić się do rzeczywistych identyfikatorów (nie numery indeksów), które w przeciwnym razie byłyby nieprawidłowe. Więcej szczegółów w Co to jest prawidłowy identyfikator?

2.XX Update

Możesz teraz użyć get helpera do tego:

(get people index)

Chociaż Jeśli pojawi się błąd o indeksie, który musi być ciągiem, wykonaj:

(get people (concat index ""))

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

Jeśli nieudokumentowane funkcje nie są Twoją grą, to samo można osiągnąć tutaj:

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

Następnie w szablonie

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

Napisałem wyżej zanim dostałem

this.[0]

Jeśli chcesz użyć zmiennych dynamicznych

To nie zadziała:

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

Musisz zrobić:

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

Zobacz handlebars lookup helper i podekspresje kierownicy .

Podczas zapętlania tablicy za pomocą each i jeśli chcesz uzyskać dostęp do innej tablicy w kontekście bieżącego elementu, zrób to tak.

Oto przykładowe dane.

[
  {
    name: 'foo',
    attr: [ 'boo', 'zoo' ]
  },
  {
    name: 'bar',
    attr: [ 'far', 'zar' ]
  }
]

Oto kierownica, aby uzyskać pierwszy element w tablicy attr.

{{#each player}}
  <p> {{this.name}} </p>

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

{{/each}}

To wyświetli

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

<p> bar </p>
<p> far </p>

Spróbuj tego, jeśli chcesz pobrać pierwszy/ostatni.

{{#each list}}

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

{{/each}}


{{#each list}}

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

{{/each}}

Można również użyć następującej składni, jeśli tablica nie jest nazwana (tylko tablica jest przekazywana do szablonu):

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

W moim przypadku chciałem uzyskać dostęp do tablicy wewnątrz custom helper jak TAK,

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

Który nie zadziałał, ale odpowiedź zaproponowana przez @ julesbou zadziałała.

Kod roboczy:

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