Wie mache ich Datenattribute mit Haml und Rails?

ich kann haben

%a{href: '#', data_toggle_description_length: 'toggle_me_ajax'}

was es gibt mir Unterstriche nicht Bindestriche, dh

<a href="#" data_toggle_description_length="toggle_me_ajax"></a>

Allerdings möchte ich HTML haben data- Attribute, dh

<a href="#" data-toggle-description-length="toggle_me_ajax"></a>

aber wenn ich versuche, Unterstriche durch Bindestriche zu ersetzen, dh

%a{href: '#', data-toggle-description-length: 'toggle_me_ajax'}

Ich erhalte Syntaxfehler:

/home/durrantm/Dropnot/webs/rails_apps/linker/app/views/links/_links.html.haml:13: syntax error, unexpected tLABEL
...data-toggle-description-length: 'toggle_me_ajax')}>\n    tog...
...                               ^
/home/durrantm/Dropnot/webs/rails_apps/linker/app/views/links/_links.html.haml:13: syntax error, unexpected ')', expecting '}'
...ption-length: 'toggle_me_ajax')}>\n    toggleMeAjax\n  </a>\...
...                               ^
/home/durrantm/Dropnot/webs/rails_apps/linker/app/views/links/_links.html.haml:13: unknown regexp options - pa
/home/durrantm/Dropnot/webs/rails_apps/linker/app/views/links/_links.html.haml:13: syntax error, unexpected $undefined
... toggleMeAjax\n  </a>\n</span>\n", -1, false);::Haml::Util.h...
...                               ^
/home/durrantm/Dropnot/webs/rails_apps/linker/app/views/links/_links.html.haml:13: unterminated string meets end of file
/home/durrantm/Dropnot/webs/rails_apps/linker/app/views/links/_links.html.haml:13: syntax error, unexpected $end, expecting '}'

Versuche dies:

%a{"data-toggle-description-length" => "toggle_me_ajax", href: "#"}

ODER

%a{href: "#", :data => {:toggle_description_length => "toggle_me_ajax"}}

Weitere Einzelheiten finden Sie unter Hier

Sie können auch verwenden html2haml-Konverter Online verfügbar

BEARBEITEN:

Wie in den Kommentaren erwähnt, gibt es ein paar weitere Syntaxen, die funktionieren würden

 %a{href: "#", { "data-toggle-description-length": "toggle_me_ajax" }}

ODER

%a{href: "#", { :"data-toggle-description-length" => "toggle_me_ajax" }}

Ich würde trotzdem die ersten beiden bevorzugen, da ich denke, dass die letzteren hässlich und irgendwie chaotisch aussehen.

Es ist wirklich nicht viel zu verwenden { ... } Stil in Haml. HTML-Stilattribute sind eine flexiblere und natürlichere Art der HTML-Generierung.

%a(href="#" data-toggle="target") my link

Es werden keine Kommas, keine Hash-Raketen etc. benötigt. Sie können auch sehr einfach Variablen interpolieren oder direkt zuweisen, ohne den Stil zu wechseln.

z.B

%a(href=link data-toggle="#{id}-toggle")

Wo link Und id sind Variablen aus dem aktuell gebundenen Bereich.

Insbesondere können Sie auch Attribute aus xmlns nahtlos einbeziehen, die SVG-Generierung verwendet zum Beispiel viele Namespace-Präfixe:

%link(xlink:type="simple" xlink:href=link)

Es gibt keinen zwingenden Grund, einen anderen Stil zu verwenden.

So etwas sollte wirklich gut funktionieren:

%a{ "data-user-id" => "#{@user.id}" }