title: Angular property binding
body: <p>Angular has different ways to data bind properties:</p>
  
  <pre><code>&lt;img src="{{ myProperty }}"&gt;
  &lt;img bind-src="myProperty "&gt;
  &lt;img [src]="myProperty"&gt;
  </code></pre>
  
  <p>Is there a correct way to bind component properties to the view? What is the difference between these three ways, when and why should I use each one?</p>