在rails image_tag和haml中使用data屬性

Question

我正在嘗試使用Echo.js lazyloader。

為此，我需要使用一個data屬性，該屬性包含要延遲加載的圖像的路徑，例如：

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

我正在使用rails和haml。 根據這里的幾個答案，我應該將純HTML轉換為：（但是它們沒有指定當數據鏈接到圖像路徑時會發生什么）

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

要么

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

顯示placeholder.png圖像，但從不加載myImage。

使用檢查器時，似乎myImage路徑沒有被識別為圖像的路徑。

有任何想法嗎？ 另外，如果您可以建議一個不依賴數據屬性並且可以與rails和haml一起使用的惰性加載器，那將是很好的選擇。 謝謝

Answer 1

您還需要在占位符上使用Rails資產助手

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