Route helpers in asset pipeline

by

UPDATE: Now there is a gem that does this for you: js-routes

The problem is that Sprockets is evaluating the ERB outside of the context of your Rails app, and most of the stuff you’re expecting isn’t there.

You can add things to your Sprockets context like so:

Rails.application.assets.context_class.class_eval do
  include Rails.application.routes.url_helpers
end

That’s all well and good, but getting the helpers that require an id to work is a little trickier. I’m going to use a technique called a URI Template:

var event_path = "<%= CGI.unescape event_path('{event_id}') %>";

which returns /events/{event_id} which you could render into a url using an object like { event_id: 1 }. See SugarJS’s String#assign method as example implementation of this. You could also roll your own like I did.

More Related Contents:

  1. Rails javascript only works after reload
  2. Using a Rails helper method within a javascript asset
  3. Rails 4: how to use $(document).ready() with turbo-links
  4. Using Rails 3.1, where do you put your “page specific” JavaScript code?
  5. ExecJS::RuntimeError on Windows trying to follow rubytutorial
  6. Best way to add page specific JavaScript in a Rails 3 app?
  7. Rails – Could not find a JavaScript runtime?
  8. Facebook how to check if user has liked page and show content?
  9. Android WebView JavaScript from assets
  10. Capybara with :js => true causes test to fail
  11. How to insert into JSON?
  12. Detecting Back Button/Hash Change in URL
  13. How to check whether dynamically attached event listener exists or not?
  14. Create File with Google Drive Api v3 (javascript)
  15. Higher-order functions in Javascript
  16. dynamically set iframe src
  17. Get index of clicked element in collection with jQuery
  18. How to select first child?
  19. Howto: div with onclick inside another div with onclick javascript
  20. Can an iPhone xcode application read cookies previously stored by Safari Mobile?
  21. Invoke native date picker from web-app on iOS/Android
  22. link element onload
  23. Regex for Umlaut
  24. HTTP request from Angular sent as OPTIONS instead of POST
  25. How to Detect Cross Origin (CORS) Error vs. Other Types of Errors for XMLHttpRequest() in Javascript
  26. Jquery get form field value
  27. responseXML always null
  28. Variable amount of nested for loops
  29. Javascript to stop HTML5 video playback on modal window close
  30. Compare two Images in JavaScript

Leave a Comment