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

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 解析器假设单词顺序在类声明中无关紧要，并且弄乱了我的字符串（虽然我无法想象为什么），但在这种情况下，我需要该字符串保存！

我知道我可以使用纯 html，但是当有很多嵌套标签时它会变得非常混乱。

有什么想法吗？

Answer 1

我想通了……

如果我改变它：

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

到这里：

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

效果很好。