Return array item by index/variable in a meteor spacebars template

Question

How can I access the X item of an array inside a meteor template?

<p>{{array.[0]}}</p>

But my question is how to do that for a runtime defined index. Let say that X is defined and with a valid value. Why is this not working for me?

<p>{{array.[X]}}</p>

FishSaidNo · Accepted Answer · 2019-05-31 09:53:38Z

2

You can try

<p>{{array.[index]}}</p> eg. <p>{{array.[0]}}</p>

or

{{#each getArray}}
    <div class="item" data-value="{{someHelper @index}}">
        {{this}}
    </div>
{{/each}}

FishSaidNo

4056 silver badges16 bronze badges

answered Jan 23, 2017 at 20:36

Shad M Khan

417 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

First option did not work for me. Second one works, but I'll prefer to avoid using a helper. Any other idea?

@rafahoro> I don't understand your problem with a helper? security, performance, re-usability, ...?

@JeanRAKOTO just to make code easy to follow (for me at least). The need to go to a helper, just to access an array, seems a bit odd.

pykiss · Accepted Answer · 2019-03-28 21:26:25Z

0

Same problem here,

I end using a general helpers, {{arrayIndex array index}}

As simple as

import { Template } from 'meteor/templating'

Template.registerHelper('arrayIndex', function (array, index) {
  return array[index]
})

answered Mar 28, 2019 at 21:26

pykiss

1,08713 silver badges15 bronze badges