ฉันจะเข้าถึงไอเท็มอาร์เรย์การเข้าถึงโดยใช้ดัชนีในแฮนด์บาร์ได้อย่างไร?

ฉันพยายามระบุดัชนีของรายการในอาร์เรย์ภายในแม่แบบแฮนด์บาร์:

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

ใช้สิ่งนี้:

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

หากเป็นไปไม่ได้ฉันจะเขียนผู้ช่วยที่สามารถเข้าถึงรายการ spefic ภายในอาร์เรย์ได้อย่างไร

ลองสิ่งนี้:

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

ต่อไปนี้มีจุดเพิ่มเติมก่อนที่ดัชนีจะทำงานตามที่คาดไว้ นี่คือวงเล็บเหลี่ยมเป็นทางเลือกเมื่อดัชนีถูกตามด้วยคุณสมบัติอื่น:

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

อย่างไรก็ตามจำเป็นต้องใช้วงเล็บเหลี่ยมใน:

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

ในระยะหลังการใช้หมายเลขดัชนีโดยไม่มีเครื่องหมายวงเล็บเหลี่ยมจะได้หนึ่ง:

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

นอกเหนือจาก: วงเล็บคือ (ยัง) ใช้สำหรับไวยากรณ์ตัวอักษรส่วนเพื่ออ้างถึงตัวบ่งชี้ที่แท้จริง (ไม่ใช่ตัวเลขดัชนี) ที่จะไม่ถูกต้อง รายละเอียดเพิ่มเติมในตัวระบุที่ถูกต้องคืออะไร

(ทดสอบกับแฮนด์บาร์ใน YUI)

2.xx อัปเดต

ตอนนี้คุณสามารถใช้ตัวgetช่วยนี้:

(get people index)

แม้ว่าคุณจะได้รับข้อผิดพลาดเกี่ยวกับดัชนีที่ต้องเป็นสตริงให้ทำ:

(get people (concat index ""))

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

หากคุณสมบัติที่ไม่มีเอกสารไม่ใช่เกมของคุณคุณสามารถทำสิ่งเดียวกันได้ที่นี่:

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

จากนั้นในเทมเพลต

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

ฉันเขียนข้างต้นก่อนที่จะได้รับการระงับ

this.[0]

ฉันไม่เห็นว่าใครจะไปถึงแฮนด์บาร์โดยที่ไม่ต้องเขียนผู้ช่วยเหลือของคุณ

หากคุณต้องการใช้ตัวแปรแบบไดนามิก

สิ่งนี้จะไม่ทำงาน:

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

คุณต้องทำ:

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

ดูแฮนด์ค้นหาผู้ช่วยและแฮนด์ subexpressions

โปรดลองสิ่งนี้หากคุณต้องการดึงข้อมูลครั้งแรก / ครั้งสุดท้าย

{{#each list}}

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

{{/each}}


{{#each list}}

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

{{/each}}

ในขณะที่คุณวนลูปในอาเรย์ด้วยeachและถ้าคุณต้องการเข้าถึงอาเรย์อื่นในบริบทของไอเท็มปัจจุบันคุณก็ทำเช่นนี้

นี่คือข้อมูลตัวอย่าง

[
  {
    ชื่อ: 'foo'
    attr: ['boo', 'zoo']
  }
  {
    ชื่อ: 'บาร์'
    attr: ['ไกล', 'zar']
  }
]

นี่คือแฮนด์บาร์เพื่อรับไอเท็มแรกในattrอาร์เรย์

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

  {{# ด้วย this.attr}}
    <p> {{this. [0]}} </p>
  {{/}} ด้วย

{{/แต่ละ}}

สิ่งนี้จะออก

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

<p> แถบ </p>
<p> ไกล </p>

สามารถใช้ไวยากรณ์ต่อไปนี้ได้หากไม่มีการตั้งชื่ออาร์เรย์ (เฉพาะอาร์เรย์ที่ส่งผ่านไปยังเทมเพลต):

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

ในกรณีของฉันฉันต้องการเข้าถึงอาร์เรย์ภายในตัวช่วยที่กำหนดเองเช่นนั้น

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

ซึ่งไม่ได้ผล แต่คำตอบที่แนะนำโดย @julesbou ทำงาน

รหัสการทำงาน:

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

หวังว่านี่จะช่วยได้! ไชโย