A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
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> |