在HAML中插入背景图像的SASS: - > Rails中的对象

Mat*_*att 7 ruby haml ruby-on-rails sass

我试图让每个列表项的背景图像依赖于它链接到哪个对象!不应该太难,但我无法弄清楚如何在SASS中做到这一点.这是我从HAML的尝试,因为那是我将迭代不同设施的集合:

应用程序/视图/设备/ index.html.haml

#facility
  - @facilities.each do |facility|
    %ul#facilities
      %li
        :sass
          background-image: url(#{image_tag "logos/#{facility.image}.jpg"})
        = link_to facility.name, facility_path(facility)
Run Code Online (Sandbox Code Playgroud)

但我得到的错误如下所示:

错误

Invalid CSS after "url(": expected ")", was "<img alt="Thebi..." Arounnd line 6 对于其中一个生成的图像.

它不可能这么难......可以吗?任何帮助是极大的赞赏.

chr*_*ein 11

不要为此使用sass,你将支付重大的性能损失,没有任何好处.只需使用内联html样式:

#facility
  - @facilities.each do |facility|
    %ul#facilities
      %li{:style => "background-image: url(#{image_path "logos/#{facility.image}.jpg"})"}
        = link_to facility.name, facility_path(facility)
Run Code Online (Sandbox Code Playgroud)