Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:angular:angular_kepek

< Angular

Angular képek

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