title: Difference between interpolation and property binding
body: <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>