0

Hamlを使用して、次のHTMLを生成しようとしています

<a class='dropdown-toggle' data-toggle='dropdown' href='#'>Account <b class="caret"></b></a>

私は次のことを試しました：

%a.dropdown-toggle{ href: "#", data: { toggle: "dropdown" } } Account %b.caret

しかし、それはそのままのテキストをレンダリングするだけです => Account %b.caret

私も試しました

%a.dropdown-toggle{ href: "#", data: { toggle: "dropdown" } } Account 
%b.caret

しかし、それは生成します

</a><b class="caret">

また、 %b をインデントしても機能しません。エラー メッセージが表示されます。

機能しているのは次のとおりです。

%a.dropdown-toggle{ href: "#", data: { toggle: "dropdown" } } Account <b class="caret"></b>

しかし、それはクラス情報を含むhtmlをソースに入れ、私はそれを避けるためにhamlを使用していますよね? これをhamlで動作させるにはどうすればよいですか?

4

1 に答える 1

2

次のように設定します。

%a.dropdown-toggle{ href: "#", data: { toggle: "dropdown" } }
  Account 
  %b.caret

コンテナ要素と同じ行にコンテンツを配置することも、次の行にコンテンツをネストすることもできます。両方を行うことはできません。下に移動Accountしてネストすると、%b.caretうまくいくはずです。

于 2013-03-18T08:57:49.013 に答える