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_tablazat [2025/03/02 14:05] – [Kiválasztott adatai] admin
+++ oktatas:web:angular:angular_tablazat [2025/03/02 14:06] (aktuális) – [Angular táblázat] admin
@@ Sor 4: / Sor 4: @@
   * **Szerző:** Sallai András
-  * Copyright (c) Sallai András, 2022
+  * Copyright (c) 2022, Sallai András
+  * Szerkesztve: 2025
   * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
   * Web: https://szit.hu
@@ Sor 73: / Sor 74: @@
 </code>
-===== Data attribútum =====
-Az interfész változatlan:
-<code javascript product.ts>
-export interface Product {
-    "id": number,
-    "name": string,
-    "desc": string,
-    "price": number
-}
-</code>
-<code html5>
-<div class="container-sm container-md">
-<h2>Termékek</h2>
-    <div *ngFor="let product of products">
-        <div class="p-1 bg-light">
-            <h3 class="text-primary">{{ product.name }}</h3>
-            <div>
-                {{ product.desc }}
-            </div>
-            <div>
-                {{ product.price }} SW
-            </div>
-            <button class="btn btn-info"
-            (click)="add_product($event)"
-            attr.data-id="{{ product.id }}"
-            attr.data-name="{{ product.name }}"
-            attr.data-desc="{{ product.desc }}"
-            attr.data-price="{{ product.price }}"
-            >
-                Rendel
-            </button>
-        </div>
-    </div>
-</div>
-</code>
-<code javascript>
-//...
-export class ProductListComponent implements OnInit {
-  products: Product[] = [
-    {"id": 1, "name": "Tej", "desc": "Ovi tej", "price": 2.5},
-    {"id": 2, "name": "Kenyér", "desc": "fehér 0.5 kg", "price": 2.1},
-    {"id": 3, "name": "Vaj", "desc": "Ovi vaj", "price": 2.9},
-  ];
-  constructor() { }
-  ngOnInit(): void {
-  }
-  add_product($event: any) {
-    console.log($event.target.dataset.id)
-  }
-}
-</code>