我主动使用HAML,我遇到了一个问题。
我需要将image_path()
网址放在元素data-attribute
中。
假设我的图片为app/assets/images/foo/bar/image.png
。
我想出了如何获得image_path
,例如
%h1 #{image_path ("foo/bar/image.png")}
/ will return
/assets/foo/bar/image-944cf331269515d31d4ab23897df6c217e4593a942af756d4433a4987961cc29.png
哪个好。现在我想将此字符串放入元素的数据属性中,例如h1
。
这是我试过的:
%h1{data: {'foo' => #{image_path ("foo/bar/image.png")} }}
/ returns an error
%h1{data: {'foo' => '#{image_path ("foo/bar/image.png")}' }}
/ returns
/ <h1 data-foo="#{image_path ('foo/bar/image.png')}"></h1>
这就是我要找的:
<h1 data-foo="/assets/foo/bar/image-944cf331269515d31d4ab23897df6c217e4593a942af756d4433a4987961cc29.png"></h1>
这样做的正确方法是什么?
由于
答案 0 :(得分:1)
%h1{data: {'foo' => image_path("foo/bar/image.png") }}