如何插入實例變量作爲css規則在Rails中？

Question

比方說，我有AR類：

......... 
    store :skin_properties, accessors: [ 
    :background_color, 
    :font_size, 
    :font_family, 
    :color 
    ] 
......... 

在這種方式保存的值：

{"background_color"=>"#f2f2f2", "font_size"=>"20px", "font_family"=>"Verdana", "color"=>"#000000"} 

我怎樣才能將其插入edit.haml文件作爲內聯CSS？

我想這樣的事情，但它不工作...

:sass 
    body 
    -@user.skin_properties.each_with_index do |(k,v)| 
     "#{k.gsub("_","-")}:#{v};" 

Answer 1

謝謝大家，想出了這樣的事情：

- css = @user.skin_properties.map {|k,v| "#{k.dasherize}: #{v};" }.join("\n") 
%style== body { #{css} } 

Answer 2

我相信你需要做的是這樣的。我不使用HAML所以你需要給它自己進行轉換：

:sass 
    body 
    <% @user.skin_properties.each_with_index do |(k,v)| %> 
     <%= "#{k.gsub("_","-")}:#{v};" %> 
    <% end %> 

Answer 3

你可以嘗試哈希轉換成一些標籤的style財產。

實施例：改變

{"background_color"=>"#f2f2f2"}

到

style: {'background-color: #f2f2f2'}

Answer 4

:sass 
    body 
     =@user.skin_properties.map{|k,v| "#{k.gsub("_","-")}:#{v};" }.join 

Answer 5

您正在靜默運行紅寶石代碼（即使用-，代替=）。

另外，嘗試使用dasherize對於這樣的情況：

:sass 
    body 
     = @user.skin_properties.map{|k,v| "#{k.dasherize}: #{v};" }.join