How can I conditionally include some Javascript in an html.slim file, as part of a larger Ruby on Rails project?

Question

I want my page to render some Javascript, conditional on a variable from the Rails environment. I must have everything in this one file, because of other build tooling constraints.

Eseentially I am trying to get this working:

= javascript:
     console.log('My javascript goes in this area....');
     <% if myCondition %>
          console.log('Render the JS in here is myCondition is true')
     <%end>

However, when I try this, I get errors that < is not a valid character.

Is it possible to simply do the check outside of the current `= javascript:` tag? And if that condition is true create a new block of javascript to be injected into the page — Francisco Garcia, Oct 04 '19 at 16:52
@FranciscoGarcia can you explain how to do that? I'm really fresh at this — CodyBugstein, Oct 04 '19 at 17:10
@chumakoff's answer [here](https://stackoverflow.com/a/58244019/8148483) — Francisco Garcia, Oct 07 '19 at 13:54

score 2 · Answer 1 · answered Oct 04 '19 at 23:04

2

 javascript:
   console.log('My javascript goes in this area....');

 - if myCondition
   javascript:
      console.log('Render the JS in here is myCondition is true')

Also, this question might be useful: ruby inside javascript block [slim template]

answered Oct 04 '19 at 23:04

chumakoff

6,807
2
23
45

score 0 · Answer 2 · answered Oct 04 '19 at 17:05

you cannot use <% ... %> in your javascript

If you want to use rails data, try e.i

var form_id = "form"+ #{{@product.id.to_json}};

Another way, you should be use ajax( it was mean your_action.js.slim ), see i.e bellow

create.js.slim

- if @product.errors.present?
  | toastr["error"]("#{@product.errors.full_messages[0]}");
- else
  | toastr["success"]("Created successfully!");

How can I conditionally include some Javascript in an html.slim file, as part of a larger Ruby on Rails project?

2 Answers2