html - 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>