将变量用于.html.erb文件中的内联样式

Question

我有一个Sass变量，例如：

$color: #ddd

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

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

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

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

Answer 1

我对如何做有想法，但我不建议这样做。 我认为，SASS变量会使您的代码干燥得很好。 您还可以在helper中定义常量，以保持其他变量的整洁。

Answer 2

只需使用字符串插值：

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