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.

--- oktatas:web:angular:angular_utanzas [2022/04/09 10:50] – [Járművek] admin
+++ oktatas:web:angular:angular_utanzas [2025/03/02 16:24] (aktuális) – eltávolítva admin
@@ Sor 1: / Sor 1: @@
-[[oktatas:web:angular|< Angular]]
-====== Utánzás ======
-  * **Szerző:** Sallai András
-  * Copyright (c) Sallai András, 2022
-  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
-  * Web: https://szit.hu
-===== Mock =====
-A célobjektum helyettesítése utánzással, angolosan mocking.
-===== Járművek =====
-Készítünk egy interfészt, amit típusként használunk.
-<code javascript src/app/vehicle.ts>
-export interface Vehicle {
-    id: number;
-    plate: string;
-    brand: string;
-    price: number;
-}
-</code>
-A mock objektum:
-<code javascript src/app/mock-vehicles.ts>
-import { Vehicle } from "./vehicle";
-export const VEHICLES: Vehicle[] = [
-    {id: 1, plate: 'DBA-834', brand: 'Opel', price: 830000},
-    {id: 1, plate: 'GDE-238', brand: 'Ford', price: 537000},
-    {id: 1, plate: 'EVG-389', brand: 'Fiat', price: 430000},
-    {id: 1, plate: 'GLC-241', brand: 'Opel', price: 895000},
-    {id: 1, plate: 'EDA-725', brand: 'Ford', price: 733000},
-    {id: 1, plate: 'LVA-234', brand: 'Ford', price: 935000}
-];
-</code>
-Felhasználása:
-<code javascript src/app/vehicle/vehicle.component.ts>
-import { Component, OnInit } from '@angular/core';
-import { VEHICLES } from '../mock-vehicles';
-@Component({
-  selector: 'app-vehicle',
-  templateUrl: './vehicle.component.html',
-  styleUrls: ['./vehicle.component.css']
-})
-export class VehicleComponent implements OnInit {
-  vehicles = VEHICLES;
-  constructor() { }
-  ngOnInit(): void {
-  }
-}
-</code>