Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:angular:angular_koetesek

Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

Összehasonlító nézet linkje

Előző változat mindkét oldalon Előző változat
Következő változat
Előző változat
oktatas:web:angular:angular_koetesek [2023/05/20 21:45]
admin [Több dolgozó]
oktatas:web:angular:angular_koetesek [2023/05/20 21:50] (aktuális)
admin [Interfésszel]
Sor 128: Sor 128:
 ==== Interfésszel ==== ==== Interfésszel ====
  
- +Interfészekkel típusokat határozhatunk meg. Legyen például ​egy Employee ​típus, amit 
-A következő példában készítettem ​egy Employee ​interfészt, amit egy dolgozo nevű +egy name és egy salary tagot tartalmaz.
-objektum létrehozására használunk+
  
 <code javascript src/​app/​app.component.ts>​ <code javascript src/​app/​app.component.ts>​
Sor 141: Sor 140:
 }) })
 export class AppComponent { export class AppComponent {
-  title = 'app13'; +  ​ 
-  ​dolgozo: Employee;+  ​title = 'app01'; 
 +  ​employee: Employee; 
 +  ​
   constructor() {   constructor() {
-    this.dolgozo ​= {+    this.employee ​= {
       name: "Pali Márton",​       name: "Pali Márton",​
       salary: 2830000       salary: 2830000
Sor 157: Sor 158:
 </​code>​ </​code>​
  
 +Az AppComponent osztályban létrehoztunk egy konstruktort is, ahol definiáljuk az objektum tartalmát.
 +
 +Kössük a HTML sablonba:
  
 <code html first.component.html>​ <code html first.component.html>​
oktatas/web/angular/angular_koetesek.1684611959.txt.gz · Utolsó módosítás: 2023/05/20 21:45 szerkesztette: admin