How to get an element from an array using index inside template?

Question

    {{#each compareDataRaw as |row index|}}
      {{log compareDesigns.[index]}}

      {{rr/bar-chart
        chartId=(concat "chart" index)
        data=row
      }}
    {{end}}

I am trying to get the element from compareDesigns array with no luck?

I have also tried snippet below with the same context with the same outcome undefined.

{{log compareDesigns.index}}

Ember Freak · Accepted Answer · 2017-03-14 07:39:08Z

3

Use get helper

{{get compareDesigns (concat index) }}

edited Mar 14, 2017 at 7:39

answered Mar 14, 2017 at 7:32

Ember Freak

12.9k5 gold badges26 silver badges55 bronze badges

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

8 Comments

XYZ Over a year ago

compareDesigns is an array. I think i need a custom helper instead

Ember Freak Over a year ago

we need to pass string so using concat helper to convert it.. try my updated one

XYZ Over a year ago

It does not work. It converts the entire array into a huge string. I do not think get works for an array.

Ember Freak Over a year ago

check in this twiddle its working for array of string and for array of object too

XYZ Over a year ago

Yes, your solution did work. Twitter. Then there must be something wrong with the data. Thanks

|

XYZ · Accepted Answer · 2017-03-14 07:53:26Z

0

I have also created my own custom helper. (Not sure if this is redundant)

ember g helper array-at

Inside the array-at.js file,

import Ember from 'ember';

export function arrayAt(params/*, hash*/) {
  const arr = params[0];
  const index = params[1];
  return arr[index];
}

export default Ember.Helper.helper(arrayAt);

Inside the template file,

{{#each compareDataRaw as |row index|}}
  {{array-at compareDesigns index}}

  {{rr/bar-chart
    data=row
  }}
{{/each}}

answered Mar 14, 2017 at 7:53

XYZ

27.8k15 gold badges98 silver badges168 bronze badges

Collectives™ on Stack Overflow

How to get an element from an array using index inside template?

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related