14

data-* 属性を使用してリンクを作成する方法を知っています。

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

生成:

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

しかし、データ属性をグループ化する方法として、data-user-nameとのような 2 つの深いデータ名はどうでしょうか。data-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 に答える