title: dynamic image name in ANGULAR4
body: <p>In assets folder, I already have images, but name will come from backend</p>
  
  <p>name like <code>foo</code></p>
  
  <p>we have variable in component, say <code>public imageName</code> and foo will bind to this varialbe dynamically.</p>
  
  <p>So in html i want to display this image 
  I tried below code</p>
  
  <pre><code>&lt;img [src]="/assets/{{imageName}}'.jpg'" class="img-thumbnail" alt="{{imageName}}" width="304" height="236"&gt;
  </code></pre>
  
  <p>but i m unabel to see the image, i am getting some html errors</p>