如何让Ractive.js与Slim模板合作？

Question

Ractive tutorial使用此：

<th class='sortable {{ sortColumn === "name" ? "sorted" : "" }}'
    on-tap='sort:name'>
  Superhero name
</th>

我正在开发的项目使用Slim。使用html2slim，我提供了以下语法：

th.sortable.sortColumn.: class=("{{ === \"name\" ? \"sorted\" \"\" }}") on-tap="sort:name"
    Superhero name

我不知道这是否是有效的Slim语法;我在Slim文档中找不到任何指导我的内容。所以我很遗憾应该如何在Slim中格式化，以便为Ractive正确渲染。

以上语法导致：

syntax error, unexpected tIDENTIFIER, expecting keyword_end

我搜索了宝石，SO答案和广泛的谷歌搜索，但找不到任何线索。有没有人在这里成功做过这样的事情？

Answer 1

在slim中，使用双等==来禁用属性中的转义，请参阅https://github.com/slim-template/slim#quoted-attributes

我相信你也可以混合使用'和""以避免反向削减，我认为你需要在胡子中包含数据引用。 :内嵌了一个子元素，因此您也不希望这样。最后，我不确定您是否可以将.classname表示法与显式属性混合使用。所以我认为它最终成为：

th class=="sortable {{ sortColumn === 'name' ? 'sorted' : '' }}" on-tap="sort:name"
    Superhero name