EmberJS Bind-Attr – Fazendo um simples src de tag Img funcionar como esperado

Nos modelos de guiador do ember, você descobrirá que não é uma simples questão de injetar um valor no atributo src do seu modelo.

Se você for como eu – você tentará algo assim:

<img src="{{{this/screenshot_url}}}"/>

ou algo parecido com isto

<img src="{{this/screenshot_url}}"/>

esperando ver algo assim no código-fonte

<img  src="http://.../image.jpg"/>

e em vez disso, vendo algo assim

<img src="&lt;script id='metamorph-11-start' type='text/x-placeholder'&gt;&lt;/script&gt;http://sims-real.com/uploads/posts/2011-05/1306593777_peggyhat1.jpg&lt;script id='metamorph-11-end' type='text/x-placeholder'&gt;&lt;/script&gt;">

O que você precisa fazer no emberjs é usar a faculdade bind-attr

<img {{bind-attr src="screenshot_url"}}/>

para obter a saída que você espera

<img  src="http://.../image.jpg"/>