Làm thế nào để truy cập các biến Ví dụ trong công cụ CoffeeScript bên trong một mẫu Slim

Question

Tôi có một bộ điều khiển Rails trong đó tôi đang thiết lập một biến Ví dụ -

@user_name = "Some Username" 

Trong mẫu .slim của tôi, tôi đang sử dụng động cơ cà phê để tạo javascript và muốn in tên người dùng từ mã javascript của khách hàng -

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

Nhưng đây là javascript đang được tạo ??

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

Làm cách nào để truy cập các biến đối tượng điều khiển trong mã CoffeeScript của tôi ??

Tôi gắn thẻ này là haml vì tôi đoán haml sẽ gặp vấn đề tương tự khi sử dụng CoffeeScript.

Answer 1

Điều đang xảy ra là "#{@user_name}" đang được hiểu là CoffeeScript, không phải mã Ruby được đánh giá và được chèn vào nguồn CoffeeScript. Bạn đang hỏi, "Làm thế nào để đưa một biến Ruby vào nguồn CoffeeScript của tôi?"

Câu trả lời ngắn gọn là: Đừng làm điều này. Nhóm Rails đã quyết định không hỗ trợ CoffeeScript nhúng trong các mẫu trong 3.1, vì có hiệu suất đáng kể khi phải biên dịch CoffeeScript trên mọi yêu cầu (như bạn phải làm nếu bạn cho phép các chuỗi tùy ý được đưa vào nguồn) .

Lời khuyên của tôi là để phục vụ các biến của Ruby của bạn riêng biệt như tinh khiết JavaScript, và sau đó tham khảo các biến từ CoffeeScript của bạn, ví dụ .:

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

Answer 2

Tôi có xu hướng tránh javascript inline bằng mọi giá.

Cách tốt nhất để lưu trữ các biến trong HTML của bạn, được sử dụng từ javascript của bạn, là sử dụng thuộc tính dữ liệu HTML5. Điều này lý tưởng để giữ javascript của bạn không phô trương.

Answer 3

Bạn cũng có thể sử dụng:

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

Điều này là do JSON là một tập hợp con của JavaScript.