Angular képek

Képek helye

A korábban az assets könyvtár volt a helyük.

Újabban a public könyvtár az alapértelmezés.

Legyen egy kep01.png nevű kép:

A komponensben készítsünk két változót:

//...
export class AppComponent {
  title = 'app01';
 
  path: string = 'kep01.png';
  alttext: string = 'A kép leírása';
 
}

A template állományban (A .html kiterjesztésű fájl):

<img [src]="path" [alt]="alttext">

vagy:

<img src="{{path}}" alt="{{alttext}}">

app01/
  |-angular.json

"assets": [
    {
        "glob": "**/*",
        "input": "public"
    }
],