我想使用％b.caret作为锚点的文本

Question

使用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

但这只是渲染了逐字文本=＆gt;账户％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中工作？

Answer 1

像这样设置：

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

您可以将内容与容器元素放在同一行，也可以将内容嵌套到下一行。你不能两者都做。移动Account并将其嵌套并%b.caret应该可以解决问题。