Html 我想使用%b.插入符号作为锚文本

Html 我想使用%b.插入符号作为锚文本,html,haml,Html,Haml,使用haml,我试图生成以下HTML <a class='dropdown-toggle' data-toggle='dropdown' href='#'>Account <b class="caret"></b></a> 但这只是呈现逐字文本=>帐户%b.caret 我也试过了 %a.dropdown-toggle{ href: "#", data: { toggle: "dropdown" } } Account %b.caret 但这会

使用haml,我试图生成以下HTML

<a class='dropdown-toggle' data-toggle='dropdown' href='#'>Account <b class="caret"></b></a>
但这只是呈现逐字文本=>帐户%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>
%a.dropdown-toggle{href:“#”,数据:{toggle:“dropdown”}帐户
但这会将包含类信息的html放入源代码中,我使用haml来避免这种情况,不是吗? 我怎样才能让这个东西在haml中工作?

设置如下:

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

可以将内容与容器元素放在同一行,也可以将内容嵌套在下一行。你不能两者都做。将
帐户下移并嵌套它和
%b.caret
应该可以做到这一点。

缩进
%b.caret
时会收到什么错误消息?这似乎是您需要做的。非法嵌套:内容不能与%a在同一行中给定,也不能嵌套在其中。
%a.dropdown-toggle{ href: "#", data: { toggle: "dropdown" } }
  Account 
  %b.caret