如何在％标签内嵌套元素？

Posted 2021-03-26

我想在%a标签中包含一个事件div，以使整个可点击。

这个块：

= link_to event_path(event.id) do
    .flipper
        .event-inner
            ...

编译为：

<div class="event-container flip-container" ontouchstart="this.classList.toggle('hover');">
    <a href="/events/21"></a>
    <div class="flipper">
        <a href="/events/21"></a>
            <div class="event-inner"><a href="/events/21"></a>            
                ...

我怎么能得到一个独特的%a包裹整个？

答案

注意HAML中的缩进：

= link_to(event_path(event.id)) do 
  .flipper
    .event-inner
      your_code_here

另一答案

似乎haml不能很好地编译嵌套块。特别是，我在.event-inner内有帮助块。

我找到的解决方案是切换到管理这个问题的slim。此外，它似乎编译速度提高了2倍，并且存在简洁的转换器。