haml - HAML-このHTML行を作成するにはどうすればよいですか

Question

これは、HAMLで作成するHTMLの一種の複雑な行です。

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

どうすればいいのかわかりません。何か案が？私はこれを行うことしかできません：

%a.btn
  %span.icon-bar Hello

しかし、複雑なことを行う方法がわかりません。

ありがとう！

Answer 1

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

またはその他

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

Answer 2

複数のクラスを連鎖させることができます：

%a.btn.btn-navbar

与える：

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

カスタムデータ属性は、単一の:dataハッシュで指定できます。

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

与える：

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

Answer 3

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

/ 79 characters (Matt's 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"}}

Answer 4

%a{:class => "btn btn-navbar", :data-toggle => "collapge", :data-target => ".nav-collapse"} Hello

HAMLのウェブサイトを読んだだけで...

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

**私はこれをテストしませんでした、私はウェブサイトでそれを読んだだけです