Truy cập Rails Controller instance variables trong CSS

Question

Vì vậy, tôi đã nhìn thấy rất nhiều cuộc thảo luận về SO về việc sử dụng erb trong các tệp CSS của bạn. Tôi có thể nhận được ERB để xử lý các tệp CSS bằng cách sử dụng cú pháp <% =%> và thêm .erb vào tệp, nhưng những gì tôi thực sự cần là truy cập các biến mẫu trong bộ điều khiển.

searches_controller.rb

def new 
    @search = Search.new 
    @school = School.find(params[:school]) 
end 

Những gì tôi thực sự muốn làm là:

searches.css.scss.erb

h1.logo { 
    color: <%= @school.primary_color %>; 
} 

nhưng ERB sẽ ném một lỗi vì @school là không. Có cách nào để yêu cầu bộ điều khiển truy cập các biến mẫu đó không?

Cách duy nhất khác tôi có thể nghĩ là làm điều đó là nhúng nó làm thuộc tính dữ liệu trong các khung nhìn và sau đó sử dụng JS để thay đổi nó trên giao diện người dùng. Điều này khiến tôi có khả năng tốt hơn vì tệp CSS sẽ không thay đổi và cần được gửi lại mỗi lần, nhưng nó cũng sẽ kém thanh lịch hơn nhiều.

Answer 1

Bạn cũng cần phải xem xét rằng trong một kịch bản tài sản được biên dịch trước, CSS sẽ được chạy qua Sprockets trong quá trình biên dịch, vì vậy bạn sẽ kết thúc với màu tĩnh (giả sử @school đã thực sự khởi tạo). Điều này là không mong muốn vì mỗi trường sẽ có cùng một màu (bất kỳ điều gì xảy ra trong giai đoạn biên soạn).

Đối với xây dựng thương hiệu tùy chỉnh như thế này, chúng tôi cho phép người dùng của chúng tôi xác định màu sắc của họ, và bao gồm một khối CSS trong cách bố trí:

:css 
    h1.logo { 
     color: <%= @school.primary_color %>; 
    } 

Nó không phải là lý tưởng, nhưng nếu bạn có một số ít các tùy biến dường như để làm việc khá tốt.

Answer 2

Tôi muốn sử dụng số @school.primary_color trong chế độ xem của bạn. Điều này sẽ hoạt động:

<h1 style="color:#{@school.primary_color}">@school.name</h1> 

Chỉ cần nhớ sử dụng dấu ngoặc kép cho nội suy.