Cad a bhíonn i gcomponant Angular?

Question

Accepted Answer

Is **comhpháirt** an bhloic bhunúsach tógála d'UI Angular — **rang** TypeScript atá maisithe le `@Component` a rialann codanna de scáileán (a "radharcáin"). Gach feidhmchlár Angular ina chrann de chomhpháirteanna. ## Anatamaíochta dhéanta ar comhpháirt ```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 } ``` Nascann an deiceoir `@Component` trí rud le chéile: a **roghnóir** (conas a úsáideann tú i HTML), a **dhréachtúchán** (an marcáil), agus **stíleanna** (scópaithe don chomhpháirt seo). ## Coinnítear an loighic agus na sonraí i rang ```html

``` Tá rochtain dhíreach ag an teimpléad ar thréithe agus ar mhodhanna poiblí an ranga trí cheangal — seo croílár an bhealach a nascann Angular sonraí agus radharcáin. ## Comhpháirt a úsáid ```html ``` ## Tá stíleanna foluain go réamhshocraithe ```css /* user-card.css — these styles ONLY affect this component */ h2 { color: blue; } /* won't leak to other components'

s */ ``` Scópaláíonn Angular stíleanna comhpháirteanna go huathoibríoch (View Encapsulation), ionas nach ngabhann CSS idir chomhpháirteanna. ## Cén fáth a bhíonn tábhacht ann Is é comhpháirteanna an bealach ar stréachtar tú gach feidhmchlár Angular — aonaid neamhspleách de dhréachtúchán + loighic + stíleanna foluain, déanta as a chéile i gcrann. A thuiscint ar an deiceoir `@Component` (roghnóir, dréachtúchán, stíleanna) agus conas a bhíonn ag ceangal thréithe/modhanna an ranga don teimpléad ná an bunús iomlán d'fhorbairt Angular; tógtar gach rud eile ar an múnla comhpháirt.