X'inhu komponent Angular?

Question

Accepted Answer

**Komponent** huwa l-blokk bażiku ta' bini ta' UI Angular — klassi TypeScript dekorat b'`@Component` li jikkontrolla sezzjoni tal-iskrin (il-"view" tagħha). Kull app Angular hija siġra ta' komponenti. ## Anatomija ta' komponent ```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 } ``` Id-dekoratur `@Component` jgħaqqad tliet ħaġat: **selector** (kif tuża fil-HTML), **template** (markup), u **styles** (iskopjati għal dan il-komponent). ## Il-klassi tqiegħed il-loġika u d-data ```html

``` Il-proprjetajiet pubbliċi u l-metodi tal-klassi huma direttament aċċessibbli fit-template tagħha permezz ta' binding — din hija l-qalb ta' kif Angular jgħaqqad data u view. ## L-użu ta' komponent ```html ``` ## L-istili huma mkapsulati b'mod default ```css /* user-card.css — these styles ONLY affect this component */ h2 { color: blue; } /* won't leak to other components'

s */ ``` Angular iskopja stili ta' komponent b'mod awtomatiku (View Encapsulation), għalhekk CSS ma tfittex bejn komponenti. ## Għaliex huwa importanti Komponenti huwa kif tustrutturaħ kull app Angular — unitajiet ta' template + loġika + stili iskopjati, komposti f'siġra. L-fahim tad-dekoratur `@Component` (selector, template, styles) u kif il-proprjetajiet/metodi tal-klassi jibbindaw mat-template huwa l-pedament assolut tal-iżvilupp ta' Angular; kollox ieħor jinbena fuq il-mudell ta' komponent.