Jak uzyskać dostęp do zmiennych instancji w silniku coffeescript wewnątrz Slim szablonu

Question

Mam kontroler Rails, w którym ja się ustawienie zmiennej instancji -

@user_name = "Some Username" 

W moim .slim szablonie używam silnika kawy i wygenerować javascript aby wydrukować nazwę użytkownika od klienta-sie kodu JavaScript -

coffee: 
    $(document).ready -> 
    name = "#{@user_name}" 
    alert name 

ale jest to skrypt, który jest generowany ??

$(document).ready(function() { 
    var name; 
    name = "" + this.my_name; 
    alert(name); 
} 

Jak uzyskać dostęp do zmiennych instancji kontrolera w moim kodu coffeescript ??

Oznaczam to jako haml, ponieważ przypuszczam, że haml będzie miał ten sam problem podczas używania CoffeeScript.

Answer 1

Co się dzieje, że "#{@user_name}" jest interpretowany jako CoffeeScript, a nie jako kod Ruby, który jest oceniany i wstrzykiwany do źródła CoffeeScript. Pytasz: "Jak wstrzyknąć zmienną Ruby do mojego źródła CoffeeScript?"

Krótka odpowiedź brzmi: Nie rób tego. Zespół Railsów podjął świadomą decyzję, by nie obsługiwać osadzonego kodu kawy w szablonach w wersji 3.1, ponieważ istnieje znaczna poprawa wydajności w związku z koniecznością kompilowania kodu CoffeeScript przy każdym żądaniu (tak jak byś zrobił, gdybyś zezwalał na wstrzykiwanie dowolnych łańcuchów do źródła) .

Moja rada jest, aby służyć zmienne Ruby oddzielnie jako czystego JavaScript, a następnie odwołać te zmienne z coffeescript, np .:

javascript: 
    user_name = "#{@user_name}"; 
coffee: 
    $(document).ready -> 
    name = user_name 
    alert name 

Answer 2

staram się unikać inline JavaScript za wszelką cenę.

Dobrym sposobem na przechowywanie zmiennych w kodzie HTML, do wykorzystania w javascript, jest użycie atrybutów danych HTML5. Jest to idealne rozwiązanie, aby zachować dyskretność javascript.

Answer 3

Można również użyć:

$(document).ready -> 
    name = <%= JSON.generate @user_name %> 
    alert name 

To dlatego JSON jest podzbiorem JavaScript.