Ruby
Rails
haml

Haml でのカスタムデータ属性の様々な書き方

More than 1 year has passed since last update.

Haml ではカスタムデータ属性の書き方が数パターンあります。

書き方

<div data-tracking-category='直接購入'></div>

:arrow_up: で、示した HTMLHaml で書き直します。

パターン1

%div{data: {'tracking-category' => '直接購入'}}

パターン2

%div{data: {tracking: {category: '直接購入'}}}

パターン3

%div(data-tracking-category='直接購入')