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

Próbuję określić indeks elementu w tablicy w szablonie kierownicy:

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

używając tego:

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

Jeśli powyższe nie jest możliwe, jak napisałbym pomocnika, który mógłby uzyskać dostęp do określonego elementu w tablicy?

Spróbuj tego:

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

Następujące elementy, z dodatkową kropką przed indeksem , działają tak, jak oczekiwano. Tutaj 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życie numeru indeksu bez nawiasów kwadratowych dałoby jeden:

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

Nawiasem mówiąc: nawiasy są (również) używane w składni literału segmentu w celu odniesienia do rzeczywistych identyfikatorów (nie numerów indeksów), które w przeciwnym razie byłyby nieprawidłowe. Więcej szczegółów w Czym jest prawidłowy identyfikator?

(Testowane z kierownicą w YUI.)

2.xx Aktualizacja

Możesz teraz użyć getdo tego pomocnika:

(get people index)

chociaż jeśli pojawi się błąd dotyczący tego, że indeks musi być łańcuchem, 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 powyższe, zanim dostałem

this.[0]

Nie widzę, żeby ktoś posuwał się za daleko z kierownicą bez pisania własnych pomocników.

Jeśli chcesz użyć zmiennych dynamicznych

To nie zadziała:

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

Musisz zrobić:

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

patrz pomocnik wyszukiwania kierownicy i podwyrażenia kierownicy .

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}}

Kiedy zapętlasz tablicę z eachi jeśli chcesz uzyskać dostęp do innej tablicy w kontekście bieżącego elementu, robisz to w ten sposób.

Oto przykładowe dane.

[
  {
    nazwa: „foo”,
    attr: [„boo”, „zoo”]
  },
  {
    nazwa: „bar”,
    attr: [„far”, „zar”]
  }
]

Oto kierownica, aby uzyskać pierwszy przedmiot w attrtablicy.

{{#każdy gracz}}
  <p> {{this.name}} </p>

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

{{/każdy}}

To wyjdzie

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

<p> pasek </p>
<p> daleko </p>

Poniższej składni można również użyć, jeśli tablica nie ma nazwy (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 niestandardowego pomocnika,

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

Co nie działało, ale zadziałała odpowiedź sugerowana przez @julesbou.

Kod roboczy:

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

Mam nadzieję że to pomoże! Twoje zdrowie.