title: In AngularJS, why can't I specify the image width and height alongside the src?
body: <p>I'm using AngularJS to display an image. I'd like to specify the height and width as well so the layout of hte page doesn't shift after the image is loaded. But even when I specify the height and width, the page still shifts, as if the image dimensions are not being updated. What am I doing wrong?</p>
  
  <pre><code>&lt;img class="photo" data-ng-src="{{ media_list.url }}" height="{{ media_list.height }}" width="{{ media_list.width }}" /&gt;
  </code></pre>
  
  <p>Similarly, when I use inline CSS:</p>
  
  <pre><code>&lt;img class="photo" data-ng-src="{{ media_list.url }}" data-ng-style="height:{{ media_list.height }}px; width:{{ media_list.width }}px;" /&gt;
  </code></pre>
  
  <p>The rendered result is:</p>
  
  <pre><code>&lt;img class="photo" style="height:684px; width:1024;" alt="" data-ng-src="http://server/thumbs/Eryy6aARw-1024-1024.jpg"/?
  </code></pre>