Difference between interpolation and property binding
<p>I have a component which defines an <code>imageUrl</code> property and in my template I use this property to set the url of an image. 
I tried this using interpolation and using property binding, both work, but I cannot find any differences between the two, or when to use the one over the other. Does anyone know the difference?</p>

<pre><code>&lt;img [src]='imageUrl' &gt;

&lt;img src= {{ imageUrl }} &gt;
</code></pre>