Apa iku komponen Angular?

Question

Accepted Answer

**Komponen** minangka blok bangunan fundamental saka Angular UI — kelas TypeScript sing didekorate karo `@Component` sing nganggur bagian layar ("view" ndhone). Saben aplikasi Angular minangka wit komponen. ## Anatomi komponen ```ts import { Component } from "@angular/core"; @Component({ selector: "app-user-card", // the custom HTML tag: templateUrl: "./user-card.html", // the view (or inline `template: '...'`) styleUrls: ["./user-card.css"], // scoped styles for this component }) export class UserCardComponent { name = "Ann"; // properties → available in the template greet() { return `Hi ${this.name}`; } // methods → callable from the template } ``` Dekorator `@Component` nggabung telung bab: **selector** (carane nggunakan ing HTML), **template** (markup), lan **styles** (diruang kanggo komponen iki). ## Kelas nduweni logika lan data ```html

``` Properti publik lan metode kelas langsung bisa diakses ing template liwat binding — iki minangka inti carane Angular nyambung data lan view. ## Nggunakake komponen ```html ``` ## Gaya kapsel kanthi baku ```css /* user-card.css — these styles ONLY affect this component */ h2 { color: blue; } /* won't leak to other components'

s */ ``` Angular ngruang gaya komponen kanthi otomatis (View Encapsulation), dadi CSS ora mabur antarane komponen. ## Mengapa iku penting Komponen minangka carane sampeyan nstruktur saben aplikasi Angular — unit mandiri saka template + logika + gaya sing diruang, diadegake meneng ing wit. Paham dekorator `@Component` (selector, template, styles) lan carane properti/metode kelas bind menang template minangka fondasi mutlak saka pangembangan Angular; kabeh liyane dibangun menyang model komponen.