ember.js - Ember-ライブのプレビュー画像

Question

楽しみのために、ライブ プレビュー付きの製品フォームを作成しています。

HBS

<div class="col-md-6 col-xs-12">
        <label>Product name: </label>
        {{input type="text" placeholder="First name" value=newProductname class="form-control"}}
    </div>
    <div class="col-md-3 col-xs-12">
        <label>Price: </label>
        {{input type="text" placeholder="$$" value=price class="form-control"}}
    </div>
    <div class="col-md-3 col-xs-12">
        <label>Image location: </label>
        {{input type="text" placeholder="Url" value=Url class="form-control"}}
    </div>

このライブ プレビューは、{{ }} の値を使用するだけで表示されます。

<h1>{{newProductname}}</h1>
<p>{{price}}$</p>
<p>{{description}}<p>
<img {{bind-attr src="need Url value here"}}></img>

では、このネストされたバインディングをどのように行うか、または単に別のソリューションを推奨しますか?

乾杯

クリスチャン