在.html.erb文件中使用变量作为内联样式

Question

我有一个Sass变量，例如：

$color: #ddd

我有一个view.html.erb文件，它有一个数据属性，例如：

<%= f.button :button, class: class, data: { "spinner-color": "#ddd"}％＆gt;

我显然无法在我的视图中访问上述Sass变量（在此过程中为时已晚）。但是我想以DRYest的方式在其他html文件中重复这种颜色。换句话说，我更喜欢使用变量，也许是Ruby常量？

公开建议......最好的方法是什么？

Answer 1

我知道怎么做，但我不推荐它。从我的观点来看，SASS可以很好地干掉你的代码。您还可以在helper中定义常量，以保持其他变量的清洁。

Answer 2

只需使用字符串插值：

<%= f.button :button, class: class, data: { 'spinner-color': "'#{COLOR_SPINNER}'" } %>