我想用％b.caret作爲錨

的文本使用HAML我想生成以下HTML我想用％b.caret作爲錨

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

我曾嘗試以下：

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

但是，這只是呈現逐字文本=>帳戶％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避免這種情況，不是嗎？如何讓這個東西在哈姆工作？

2013-03-18 MPL

當你縮進'％b.caret'時會得到什麼錯誤信息？這似乎是你需要做的。 – 2013-03-18 08:53:15

非法嵌套：內容不能在％a的同一行上給出，並且嵌套在其中。 – MPL 2013-03-18 08:54:52

設置它是這樣的：

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

您可以對同一行的容器元素的內容，或者你可以在下一行巢內容。你不能同時做這兩件事。移動Account並嵌套它和%b.caret應該做的伎倆。

2013-03-18 08:57:49

這表示感謝！ – MPL 2013-03-18 08:59:19

回答