使用跨度和图标为表头中的haml获取相同的输出顺序

Question

我正在尝试在每个文件中使我的表中的标题完全相同但是我遇到的问题是它不喜欢haml而且因此不起作用。

我的代码如下所示，您可以在其中看到3个不同的标题，您可以看到它们的风格/布局各不相同，因此它们呈现的方式不同......

main.haml：

- import "_macs.haml" as mac
%tr
  %th
    %span{"data-title": "Title tip"} Title 1
    = mac.doaction("sort_action1", is_sortable, "asc")

  %th
    = mac.doaction("sort_action2", is_sortable, "asc")
    %span Title 2

  %th
    Title 3
    = mac.doaction("sort_action3", is_sortable, "asc")

我忽略了以下示例中I标签的实际内容

第一个标题简单地呈现：

<th>
  <span data-title="Title tip">Title 1</span>
  <i></i>
</th>

第二个标题简单地呈现：

<th>
  Title 2
  <i></i> 
</th>

第三个标题简单地呈现：

<th>
  <i></i> 
  <span>Title 3</span>
</th>

期望输出

我希望能够让它们全部显示在I标签位于跨度之上的下方。

<th>
  <i></i>
  <span data-title="Title tip">Title 4</span>
</th>

和

<th>
  </i></i>
  <span>Title 4</span>
</th>

_macs.haml：

以下内容并不重要，但我们希望保留此宏。

- macro doaction(column, is_sortable, default_dir)
  -if is_sortable
    %i.icon{'class': 'sortable', 'data-column': '#{column}', 'data-title': 'Sort', 'data-default-dir': '#{default_dir}'}
-endmacro

Answer 1

试试这个：

- import "_macs.haml" as mac
%tr
  %th
    = mac.doaction("sort_action1", is_sortable, "asc")
    %span{"data-title": "Title tip"} Title 1


  %th
    = mac.doaction("sort_action2", is_sortable, "asc")
    %span{"data-title": "Title tip"} Title 2

  %th
    = mac.doaction("sort_action3", is_sortable, "asc")
    %span{"data-title": "Title tip"} Title 3