title: angular 4 image src binding issue
body: <p>I am using angular 4 and is stuck at a point. I am using below code in html component to display data in a table:</p>
  
  <pre><code>&lt;table class="table"&gt;
  &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;Code&lt;/th&gt;
        &lt;th width="22%"&gt;Description&lt;/th&gt;
        &lt;th&gt;Requested &lt;br&gt; Date&lt;/th&gt;
        &lt;th&gt;Status&lt;/th&gt;
        &lt;th width="15%"&gt;Status change Date&lt;/th&gt;
        &lt;th width="10%"&gt;User ID&lt;/th&gt;
        &lt;th width="31%"&gt;Comments&lt;/th&gt;
        &lt;th&gt;&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr *ngFor="let orm of ormData"&gt;
        &lt;td&gt;{{orm.code}}&lt;/td&gt;
        &lt;td class="specialWidth"&gt;{{orm.description}}&lt;/td&gt;
        &lt;td&gt;{{orm.reqDate}}&lt;/td&gt;
        &lt;td&gt;{{orm.status}}&lt;/td&gt;
        &lt;td&gt;{{orm.statusChngDate}}&lt;/td&gt;
        &lt;td&gt;{{orm.userId}}&lt;/td&gt;
        &lt;td&gt;{{orm.comments}}&lt;/td&gt;
        &lt;td&gt;&lt;img src={{orm.img}} alt="delete" height=30px" width="30px"&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p></p>
  
  <p>and this is the ormData from ts component:</p>
  
  <pre><code>ormData = [{
  'code':'AP1',
  'description':'AP Translated and attested by SM',
  'reqDate':'29/11/2016',
  'status':'pending',
  'statusChngDate':'13/12/2016',
  'userId':'User ID',
  'comments':'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ipsam in.',
  'img':'assets/icons/deleteGrey.svg'
  </code></pre>
  
  <p>}];</p>
  
  <p>Now in my output am getting all data as expected except for the image. Instead of the image text content <code>&lt;img src="assets/icons/deleteGrey.svg" alt="delete" height=30px" width="30px"&gt;</code> is being displayed.</p>
  
  <p>Kindly let me know how can I get my image displayed in the output.</p>