title: How to change image based on the Boolean value, where Boolean value is stored in database and image is store in the angular file
body: <p>In my angular project, I should display some image if the database value is true and display other image if the database value is false. I don't know how to bind Boolean value to the image</p>
  
  <p>I tried adding string interpolation to fetch Boolean value in the image path in Angular. I am getting Boolean values in the console, but the image is not changing</p>
  
  <pre><code>&lt;img src="assets/imgs/{{walkingBeam.HomePosP}}.grey-dot.PNG"&gt;
  
  </code></pre>
  
  <p>I expect grey-dot.PNG to be displayed if the Boolean value is false, and display red-dot.PNG if the Boolean value is true.</p>