Pira @Input lan @Output ngaktifake komunikasi komponen?

Question

Accepted Answer

`@Input` lan `@Output` minangka cara standar ing mana komponen induk lan anak komunikasi: **`@Input`** mindhasake data *mudhun* (induk → anak), lan **`@Output`** ngirim acara *mudhun* (anak → induk). Iki cerminan pola universal "props mudhun, acara mudhun". ## @Input — data mili mudhun ```ts // child: UserCardComponent import { Component, Input } from "@angular/core"; @Component({ selector: "app-user-card", template: `

` }) export class UserCardComponent { @Input() user!: User; // receives data from the parent @Input() showEmail = false; // with a default } ``` ```html ``` ## @Output — acara mili mudhun ```ts // child emits an event the parent can listen to import { Component, Output, EventEmitter } from "@angular/core"; @Component({ selector: "app-user-card", template: ``, }) export class UserCardComponent { @Output() deleted = new EventEmitter(); // declares an output event onDelete() { this.deleted.emit(this.user.id); // emit with a payload } } ``` ```html ``` Komponen anak emit liwat `EventEmitter`; komponen induk bind liwat `(eventName)` lan narima payload minangka `$event`. Komponen anak ora bisa ngganti data induk kanthi langsung — ono *njaluk* gerakan kanthi emit. ## Pola lengkap ```text Parent ──[user]──────────────→ Child (@Input: data down) Parent ←──(deleted)=removeUser─ Child (@Output: events up) ``` ## Signal inputs modern ```ts name = input(); // signal-based @Input (newer Angular) deleted = output(); // signal-based @Output ``` Angular anyar nambah fungsi `input()`/`output()` adhedhasar signal minangka alternatif. ## Pira penting banget `@Input`/`@Output` minangka inti komunikasi induk-anak lan komponen sing bisa digunakake maneh ing Angular — padha ngaksesake aliran data sapusat-pusat (mudhun liwat input, mudhun liwat acara) sing njaga data bisa diprediksi lan komponen ora katergantungan. Narti pasangan iki penting banget kanggo nyusun UI Angular sing ora gampang; kanggo komunikasi antarane komponen sing ora gegandhenan, sampean bisa nggunakake layanan bareng utawa perpustakaan negara.