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

2 votes210 views3 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^10.0.0-beta || >=10.0.0 <11.0.0, but Angular version 9.1.3 was found instead.
Javascript AngularJS
3 votes193 views3 answers
Disable input angular
Javascript AngularJS
0 vote208 views2 answers
Angular scroll to element horizontally
Javascript AngularJS
0 vote192 views2 answers
15) Which of the following directive is used to initialize an angular app? A. ng-app ANSWER B.ng-model C.ng-controller D.None of the above
Javascript AngularJS
1 vote200 views1 answer
Angular run multiple projects
Javascript AngularJS
3 votes207 views1 answer
Angular command to create interceptor
Javascript AngularJS
0 vote217 views1 answer
How to specify max number of character angular mat input
Javascript AngularJS
0 vote205 views1 answer
Navigate to route and refresh angular 6
Javascript AngularJS
0 vote195 views1 answer
How to get selected value from between form tags in Angular
Javascript AngularJS
0 vote213 views1 answer
Angular on back skip routes
Javascript AngularJS