Angular interfész

• Szerző: Sallai András
• Copyright © Sallai András, 2022
• Licenc: CC Attribution-Share Alike 4.0 International
• Web: https://szit.hu

Generáljunk interfészt:

ng generate interface Valami

Van egy kész Angular projekt. Generáljunk egy Angular interfészt:

ng generate interface Employee

Könyvtárszerkezet:

src/
  |-app.component.html
  |-app.component.scss
  |-app.component.spec.ts
  |-app.component.ts
  |-app.module.ts
  `-employee.ts

Interfész:

src/app/employee.ts

export interface Employee {
    name: string;
    city: string;
    salary: number;
}

Használat:

src/app/app.component.ts

import { Employee } from './employee';
 
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'Dolgozók';
 
  employees !: Employee[]
 
  constructor() {
    this.employees = [
      {name: "Erős István", city: "Pécs", salary: 342},
      {name: "Rendes Béla", city: "Szolnok", salary: 334},
      {name: "Cseles Irén", city: "Pécs", salary: 328},
      {name: "Jó Ferenc", city: "Szolnok", salary: 365},
      {name: "Tekerő Ilona", city: "Zalaegerszeg", salary: 397},
      {name: "Láncos Piroska", city: "Pécs", salary: 327},
      {name: "Csendes Ernő", city: "Pécs", salary: 318}
    ]
  }
 
}