haml中的嵌套引号

Question

我正在尝试将我的knockoutJs html代码转换为HAML，尝试在编译之后实现某些目标：

<div data-bind="attr: { 'data-something': someValue }">...</div>

所以我试试：

%div{data:{bind:"attr: { 'data-something': someValue }"}}

但是使用haml_assets 0.1.0我得到：

<div data-bind="attr: { "data-something': someValue }'>...</div>

所以我的最后一招是回到：

== <div data-bind="attr: { 'data-something': someValue }">...</div>

这是HAML中的错误，和/或是否有更简洁的方法来实现这个？

Answer 1

这是haml_assets 0.1.0的问题。为此创建了一个故障单：https://github.com/infbio/haml_assets/issues/10

在修复之前还有一个更好的解决方法：

%div{data:{bind:'attr: { "data-something": someValue }'}}

Answer 2

试试这个：

%div(data-bind="attr: { 'data-something': someValue }")

当我在使用HAML的RoR应用程序中执行此操作时，我会将其呈现：

<div data-bind="attr: { 'data-something': someValue }"></div>