HAML：创建data-xxx-yyy属性

Question

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

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

产生

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

但是，对于一个2深度数据名称，如data-user-name和data-user-age，如何对数据属性进行分组。你可能猜到了，我试过了：

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

但它不起作用，给我奇怪的HTML输出：

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

知道怎么做吗？提前谢谢。

Answer 1

你必须使用

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

data属性由HAML特殊设置，它只考虑浅值。

Answer 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"}