EmberJsの変数と静的な部分を持つ属性をコンポーネントに渡す方法は？

Question

私はリンク先のコンポーネントにスタイル属性を渡そうとしています。デフォルトのattributeBindingではないので、LinkComponentクラスを再度開き、そこに 'style'属性を追加する必要がありました。

Ember.LinkComponent.reopen({ 
    attributeBindings: ['style'] 
}); 

今、私は次のように設定することができることを行う：それはそれを正しくレンダリングされますし、私たちは赤の背景と目を燃やしリンクが表示されます

{{#link-to element.link element.param style="background: red;"}}Text Link{{/link-to}} 

を。

私が達成しようとしているのは、画像attrを背景画像プロパティとしてスタイルattrに適用することです。

{{#link-to element.link element.param style="background-image: url(element.background);"}}Text Link{{/link-to}} 

しかし、属性内には変数名しかありません。

私が試した：

• をelement.background $ {} element.background
• {{}} element.background
• は、「文字列と変数部分の総和のように扱いますurl（ "+ element.background +"） "しかし、それはコードコンパイルを破る

私はそれが計算されたプロパティであると思われ、おそらくURLを渡すクラス内の全体の値を作成するか、おそらくstyle=element.backgroundで最初にフォーマットされた値を渡すことができますが、それはリンク先のヘルパーのため、スタイル属性とモデルを聴いているだけですちょうどURLの値を保持しています。

どのような助けや考えが広く歓迎されるでしょう。あなたはconcatヘルパーを使用することができます

Answer 1

、

style=(concat 'background-image: url(' element.background ');') 

はリファレンス：http://emberjs.com/api/classes/Ember.Templates.helpers.html#method_concat