Syntax for dynamically rendering array element's index value in HTML tag

Question

A collection of objects are found and are sorted on the basis of a unique value

@sections = Section.where('id IN (?)', @sections_uniq).to_a

This is then meant to be presented in the view as tabs (using foundation), with one tab for each unique value

<% @sections.each do |section, index| %>
   <li>
      <input type="radio" name="tabs" id='tab<%= index %>' />

the index value is necessary to create on tab per unique value.

No version of <%=or #{...} seems to work. What is the syntax to generate that index value ( i.e. id='tab0', id='tab1'...) within the quoted value of the HTML tag?

You need each_with_index, since each doesn't yield the index by itself. — Sebastián Palma
– Sebastián Palma, Commented Aug 23, 2018 at 10:01
Right, but this still generates Enumerator:0x007ffb2c1d0d60type result — Jerome
– Jerome, Commented Aug 23, 2018 at 10:03
<input type="radio" name="tabs" id='tab#<Enumerator:0x007ffb2cc8dc58>' /> — Jerome
– Jerome, Commented Aug 23, 2018 at 10:08

Jerome · Accepted Answer · 2018-08-23 10:54:13Z

1

<% @sections.each.with_index do |section, index| %>

The collection needs first to be converted to enumerator. And that can be done via the help of .to_enum, .each, or .map

update, second alternative

As pointed out in comments below defining in controller

@sections = Section.where('id IN (?)', @sections_uniq)

without a suffix, and in the view.

<% @sections.each_with_index do |section, index| %>

works just as well.

Thus the solution depends on what one will do with the array, aside from the initial case (as described above), within the action.

edited Aug 23, 2018 at 10:54

answered Aug 23, 2018 at 10:37

Jerome

6,3533 gold badges39 silver badges92 bronze badges

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

3 Comments

Sebastián Palma Over a year ago

What do you get by removing .to_a on @sections?

Jerome Over a year ago

I got the same result using all . Had not thought of removing the array definition suffix... Removing the suffix and retaining each_with_indexfor invoking the array works as well.

Sebastián Palma Over a year ago

You can easily use each_with_index if Section.where('id IN (?)', @sections_uniq) returns a Section::ActiveRecord_Relation.

Collectives™ on Stack Overflow

Syntax for dynamically rendering array element's index value in HTML tag

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related