HAML 标签混淆答案

【问题标题】：HAML tag confusionHAML 标签混淆
【发布时间】：2011-12-12 23:58:29
【问题描述】：

我希望在haml中构造以下内容：

<div class="cell", id="cell11">
  more stuff..
</div>

上面的 cell11 实际上是一个 ruby sn-p 形式

<%= cell.html_id %>  (as coded in erb)

我似乎无法构建在这种情况下有效的 haml 行。我能得到的最好的结果是一个带有类的 div，然后是一个带有 id 的 div...

【问题讨论】：

【解决方案1】：

我不确定为什么您的 div 标签中有逗号。我认为那不是有效的 HTML。

你可以做

<div class="cell" id="cell11">
  more stuff.. 
</div>

像这样：

%div.cell#cell11
  more stuff..

或者更简洁，

.cell#cell11
  more stuff..

HAML 标记格式类似于 CSS 选择器。

【讨论】：

【解决方案2】：

如果 ID 是动态的，只需像这样设置 id 属性：

.cell{:id => cell.html_id}
  more stuff..

否则，您可以将 id 和 class(es) 串在一起，如下所示：

.#myID.cell.foo.bar.etc
  more stuff...

这会产生

<div id="myID" class="cell foo bar etc">
more stuff...
</div>

【讨论】：