14

我知道如何使用 data-* 属性创建链接:

%a{ :href => "#", :data => { :name ="John", :age => 24 } } Hi John

生成:

<a href="#" data-name="John" data-age="24">Hi John</a>

但是如何使用 2 个深度数据名称,例如data-user-namedata-user-age,一种对数据属性进行分组的方法。你可能猜到了,我试过:

:data => { :user => { :name => "John", :age => 24 } }

但它不起作用,给了我奇怪的 HTML 输出:

<a href="#" data-user="nameJohnage24">Hi John</a>

知道怎么做吗?提前致谢。

4

2 回答 2

22

你必须使用

:data => {'user-name' => 'John', 'user-age' => 24}

data属性是 HAML 的特例,它只考虑浅值。

于 2012-09-17T16:41:11.783 回答
-2

是的你可以!从简单...

%a(data-user-name="John", data-user-last-name="Arbuckle")

到综合体

%a(data-user-name="#{User.first.name}", data-stack-overflow="all of these will be custom attributes in your link"){href: "garfield.com"}
于 2014-07-18T22:36:47.663 回答