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 vote204 views1 answer
ERROR in ./src/app/pages/auth/auth.module.ngfactory.js Module not found: Error: Can't resolve '@angular/material/core/index'
Javascript AngularJS
2 votes167 views1 answer
Angular rebuild
Javascript AngularJS
1 vote216 views1 answer
Angular datatable reload with pagination
Javascript AngularJS
1 vote184 views1 answer
Angular run validation on other controls
Javascript AngularJS
0 vote162 views1 answer
Open bytes in new tab angular
Javascript AngularJS
0 vote211 views1 answer
Cannot create an instance of an abstract class httphandler angular
Javascript AngularJS
72 votes300 views3 answers
Angular local storage
Javascript AngularJS
0 vote165 views1 answer
Property 'src' does not exist on type 'HTMLElement' angular
Javascript AngularJS
0 vote197 views1 answer
Angular turn text into input
Javascript AngularJS
3 votes191 views1 answer
Angular command to create interceptor
Javascript AngularJS