oktatas:web:angular:angular_kepek
Tartalomjegyzék
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:
- src/app/app.component.ts
//... 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}}">
Hol van beállítva?
app01/ |-angular.json
"assets": [ { "glob": "**/*", "input": "public" } ],
oktatas/web/angular/angular_kepek.txt · Utolsó módosítás: 2025/03/02 16:15 szerkesztette: admin