< Angular

Angular képek

Szerző: Sallai András

Copyright © 2022, Sallai András

Szerkesztve: 2023, 2025

Licenc: CC BY-SA 4.0

Web: https://szit.hu

Képek helye

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

assets

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

Használat

Legyen egy kep01.png nevű kép:

public/kep01.png

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