html - 我想使用 %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

但这只是呈现逐字文本 => 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中工作？

Answer 1

像这样设置它：

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

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