Jak zaimportować plik JavaScript do widoku Haml?

Question

Chcę włączyć funkcjonalność JavaScript w widoku Haml, ale nie chcę go wstawiać do każdego widoku. Czy muszę umieścić plik JavaScript w public/javascripts, czy mogę umieścić go w app/assets/javascripts, aby ukryć go przed użytkownikiem i nadal odwoływać się do niego w pliku widoku haml?

Jak można wykonać obie te opcje, jeśli są one możliwe?

Answer 1

należy po prostu użyć

!!! 
%html 
    %head 
    = javascript_include_tag "my_js_file" 

jeśli jest to specyficzne dla jednego miejsca, należy użyć content_for

!!! 
%html 
    %head 
    = yield(:javascripts) 

, a następnie w widoku

- content_for :javascripts do 
    = javascript_include_tag "my_js_file" 

Answer 2

Dołącz Bezpośrednio

Jeśli chcesz javascript włączone bezpośrednio do haml, można użyć :javascript

:javascript 
    $(function() { alert("js inside haml"); } 

Można umieścić to na częściowe, a potem po prostu renderowanie częściowe zachować swoje poglądy czyste.

referencyjny To

Jeśli chcesz po prostu odwołać JavaScript i mieć przeglądarka ciągnąć go, należy użyć javascript_include_tag jak zawsze. Tutaj musisz uczynić plik javascript manifestem, zamiast wymagać go w manifeście application.js. Pamiętaj, aby dodać manifest do config.assets.precompile w environment.rb, według http://guides.rubyonrails.org/asset_pipeline.html

(w haml):

= javascript_include_tag 'somefile' 

(w config/environment.rb):

config.assets.precompile += ['somefile.js'] 

Answer 3

Jeśli Twój javascript jest mały i prosty, sugeruję javascript bezpośrednio w HAML:

:javascript 
    alert('hi hi!') 

W przeciwnym razie należy użyć potoku aktywów. Zapewnia, że ​​twoje javascripts są pre-processed, compressed and minified. Pomaga również dobrze zorganizować javascripts (np. Oddzielenie skryptów od skryptów dostawcy) i łatwo je przetestować (przy użyciu frameworków testowych, takich jak jasmine/jasminerice/evergreen). Jeśli jesteś nowicjuszem w zakresie przesyłania aktywów, here to dobra lektura =)