Importar imagens angulares
export class sample Component implements OnInit {
imageSrc = 'assets/images/iphone.png'
imageAlt = 'iPhone'
Grieving Gharial
export class sample Component implements OnInit {
imageSrc = 'assets/images/iphone.png'
imageAlt = 'iPhone'
<img [src]="imageSrc" [alt]="imageAlt" />
<img src="{{imageSrc}}" alt="{{imageAlt}}" />
<tr><td><b>Avatar</b></td><td><img [src]="userData.avatar"></td></tr>
<img alt="xxx" class="xxx" src="https://xxx/128x128.png">
<!--
-- Property binding with [] around the property to be bound
[src]= "accountInfo.profiles[0].image"
--interpolation binding syntax
src= "{{accountInfo.profiles[0].image}}"
-->
// to test your images paste your URL link in your URL browser
http://localhost:4200/assets/img/site/logo.png