Rails use array in HAML + Coffeescript

Question

Hello I have the following examples, I can't figure out how to make it work in html.haml.

Example 1 ( working):

# In html.erb file
<% @my_array = ['1, '2'] %>

<script>
  window.running_cycler = new MyAwesomeClass({
    custom_data: <%= raw @my_array %>
  });
</script>

Example 2 ( not working )

# In html.haml file
- @my_array = ['1', '2']

:javascript
  window.running_cycler = new MyAwesomeClass({
    custom_data: "#{raw @my_array}" 
    # or 
    # custom_data: "#{@my_array}"
  })

This is the browser error it throws. How can I make it work in html.haml file?? It seems like raw is not working at all. If I don't use 'raw' then the format it gets converted is:

"[&quot;1&quot;, &quot;8&quot;]"

Please help. Thank you!

Sebastián Palma · Accepted Answer · 2017-09-24 11:07:34Z

2

You can use single quotes and raw:

- @my_array = ['1', '2']

:javascript
  window.running_cycler = { 'custom_data': '#{raw @my_array}' }
  console.log(JSON.parse(window.running_cycler.custom_data).length)
  // 2

edited Sep 24, 2017 at 11:07

answered Sep 24, 2017 at 11:00

Sebastián Palma

33.6k6 gold badges45 silver badges65 bronze badges

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

2 Comments

Rares R Over a year ago

Hello, thanks for the answer. It works with JSON.parse('#{raw @my_array}'). However I'm confused that I have to explicitly call JSON.pase while,Coffeescript should do that.

Rares R Over a year ago

Apparently, window.running_cycler = { custom_data: #{raw @my_array} } is working as well.

Collectives™ on Stack Overflow

Rails use array in HAML + Coffeescript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related