HAML - how to create this HTML string?

This is a kind of complex HTML line to create in HAML:

<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

I am not sure how to do this. Any ideas? I can only do this:

%a.btn
  %span.icon-bar Hello

but not sure how to make complicated stuff.

Thank!

+5
source share
4 answers
%a.btn.btn-navbar{"data-target" => ".nav-collapse", "data-toggle" => "collapse"}

Or more

%a.btn.btn-navbar{:data => {:toggle => 'collapse', :target => '.nav-collapse'}}
+18
source

Several classes can be joined together :

%a.btn.btn-navbar

gives:

<a class='btn btn-navbar'></a>

Custom data attributes can be specified with a single hash :data:

%a.btn.btn-navbar{:data => {:toggle => 'collapse', :target => '.nav-collapse'}}

gives:

<a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'></a>
+9
source
/ 80 characters (Chandrakant anser):  
%a.btn.btn-navbar{"data-target" => ".nav-collapse", "data-toggle" => "collapse"}

/ 79 characters (Matt answer):
%a.btn.btn-navbar{:data => {:toggle => 'collapse', :target => '.nav-collapse'}}

/ 69 characters (My fave method):
%a.btn.btn-navbar(data-toggle="collapse" data-target=".nav-collapse")

/ 68 characters (Ruby >= 1.9):
%a.btn.btn-navbar{data: {toggle:"collapse", target:".nav-collapse"}}
+3
source
%a{:class => "btn btn-navbar", :data-toggle => "collapge", :data-target => ".nav-collapse"} Hello

Just read the HAML website ...

http://haml-lang.com/tutorial.html

** I have not tested this, I just read it on the website

-1
source

All Articles