Angular img

Import images angular

<img [src]="imageSrc" [alt]="imageAlt" />

<img src="{{imageSrc}}" alt="{{imageAlt}}" />

Source: stackoverflow.com

Import images angular

export class sample Component implements OnInit {
   imageSrc = 'assets/images/iphone.png'  
   imageAlt = 'iPhone'

Source: stackoverflow.com

Angular img

<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}}" 
-->

Angular images

// to test your  images paste your URL link in your URL browser
http://localhost:4200/assets/img/site/logo.png

Angular img tag

            <tr><td><b>Avatar</b></td><td><img [src]="userData.avatar"></td></tr>

Similar codes

0 vote180 views1 answer
How to make color squares in angular
Javascript AngularJS
0 vote166 views1 answer
How to install popper.js in angular 9
Javascript AngularJS
18 votes214 views2 answers
Check angular version
Javascript AngularJS
0 vote283 views1 answer
AngularJS module can be created using ............ A. module.create(); B.angular.create(); C.angular.module(); D.var myModule = new module();
Javascript AngularJS
0 vote166 views1 answer
Add margin letf to badge in angular material
Javascript AngularJS
5 votes185 views2 answers
How to append element in array angular
Javascript AngularJS
0 vote174 views1 answer
Angular two-way-binding on observable
Javascript AngularJS
2 votes186 views3 answers
How to get firebase document id angular
Javascript AngularJS
27 votes221 views5 answers
Create new project angular
Javascript AngularJS
0 vote193 views1 answer
Angular view not changing on model
Javascript AngularJS