Question 200840 in Html Question posted in
Some basic documentation can be found here.

Html – set variable in hbs template using ember.js

I have an array of data and I need to iterate over it in my hbs template:

{{#each-in myArray.[0] as |key value|}}
  <th>
    {{value}}
  </th>
{{/each-in}}

{{#each-in myArray.[1] as |key value|}}
  <th>
    {{value}}
  </th>
{{/each-in}}

How do I declare a variable and increase it to replace the hardcoded value?

I tried to wrap with {{#let}} but that did not worked:

{{#let index=0}}
  {{#each-in myArray.[index] as |key value|}}
    <th>
      {{value}}
    </th>
  {{/each-in}}
{{/let}}

I’m using ember 2.13.

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    This has finally worked for me, thanks to NullVoxPopuli's answer that put me on the right way. For some reasons, {{#let}} was not working.

    Posting it in the case anybody could need it:

    <tr>
  {{#each-in myArray as |index object|}}
  <tr>
    {{#each-in (get myArray index) as |key value|}}
    <th>
      {{value}}
    </th>
    {{/each-in}}
  </tr>
  {{/each-in}}
</tr>

  2. 0

    You’re very close!

    {{#let 0 as |index|}}
  {{#each-in (get myArray index) as |key value|}}
    <th>
      {{value}}
    </th>
  {{/each-in}}
{{/let}}

    The docs on let: https://api.emberjs.com/ember/5.0/classes/Ember.Templates.helpers/methods/let?anchor=let

    The key-take-aways is that the templates use a different syntax, which is described here, https://cheatsheet.glimmer.nullvoxpopuli.com/docs/templates

    Here is a working demo

    (Note this uses the new gjs format, tutorial here: https://tutorial.glimdown.com)

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search