将数据属性与rails image_tag和haml一起使用

Question

我正在尝试使用Echo.js lazyloader。

为此，我需要使用一个数据属性，该属性将包含我的图像到延迟加载的路径，例如：

<img src="/assets/images/placeholder.png" alt="" data-echo="/assets/images/myImage.jpg">

我正在使用rails和haml。根据几个答案here，我应该通过以下方式翻译简单的html :(但是他们没有指定当数据链接到图像路径时会发生什么）

= image_tag("placeholder.png", :data => { "echo" => "/assets/images/myImage.jpg"})

OR

= image_tag("placeholder.png", "data-echo" => "/assets/images/myImage.jpg")

显示placeholder.png图像，但永远不会加载myImage。

使用检查器时，似乎myImage路径不会被识别为图像的路径。

  

有什么想法吗？或者，如果你可以建议一个懒惰的装载机   这并不依赖于数据属性，而是使用rails和haml   会很好。感谢

Answer 1

您还需要在占位符上使用rails assets helper

= image_tag("placeholder.png", data: { "echo" => image_path("myImage.jpg") })