html - Haml のネストされた引用符

Question

ノックアウトJs 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 のバグですか、またはこれを実現するためのより適切な方法はありますか?

score 1 · Accepted Answer

これは、haml_assets 0.1.0 の問題です。このためのチケットが作成されました: https://github.com/infbio/haml_assets/issues/10

修正されるまで、より良い回避策もあります。

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

score 0 · Accepted Answer

これを試して：

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

HAML を使用する RoR アプリでこれを実行すると、次のようにレンダリングされます。

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

2 に答える 2