如何防止 HAML 对 class 属性中的单词重新排序？

Question

HAML 和 ractive.js 似乎一起玩得很好（如果你不介意的话 not indenting the contents of a mustache section），虽然我发现了一个我无法解决的问题。

当我这样做时：

.like{ class: "{{#if like}}active{{/if}}" }
  ...

我明白了：

<div class='like like}}active{{/if}} {{#if'>...</div>

似乎 HAML 解析器假设词序在 class 声明中无关紧要，并且弄乱了我的字符串（虽然我无法想象为什么），但在这种情况下我需要保留该字符串！

我知道我可以使用普通的 html，但是当有很多嵌套标签时它会变得很乱。

有什么想法吗？

Answer 1

我想通了...

如果我改变它：

.like{ class: "{{#if like}}active{{/if}}" }

对此：

%div{ class: "like{{#if like}} active{{/if}}" }

它工作正常。