HAMLの複数行の属性値

Question

バインド情報を示すためにdata-bind属性内のjson文字列を使用するKnockoutJSを使用しています。私はHAMLを使うのも好きです。

この文字列はすぐに非常に長くなることができ、例えば： -

%ul#task-list.unstyled{"data-bind" => "template: { name : 'taskHierarchy', foreach : contexts.children(), afterAdd: function(elem) { $(elem).hide().slideDown() } }"} 

溶液は、以下のように（上からわずかに異なる）:plainフィルタを使用することである： -

:plain 
    <div data-bind = "template: { 
    name: 'twoLineResourceTemplate', 
    foreach: resources, 
    afterAdd: function(elem) { $(elem).hide().slideDown() } 
    }"> 
    </div> 

がありますフィルターの代わりにHAML構造体を使用してこれを行うためのより良い方法はありますか？

パイプ文字を使用しようとしましたが、HAML属性では機能しないようです。

ありがとうございます！

Answer 1

私はパイプの表記法を試してみましたが、それが私の作品：

%ul#task-list.unstyled{"data-bind" => | 
"template: { "      + | 
"name : 'taskHierarchy',"   + | 
"foreach : contexts.children()," + | 
"afterAdd: function(elem) {"  + | 
"$(elem).hide().slideDown()"  + | 
"} }"}        | 

Answer 2

あなたはKnockoutJS and Unobtrusive JavaScript