Menene halaye-halaye na Angular?

Question

Accepted Answer

**seheli** shine babbar tukunin gina na Angular UI — **ajiya** TypeScript da aka ƙire tare da `@Component` wanda ke sarrafa waje na allon ("gida" nsa). Kowane shaidiga Angular shida ce ta seholi. ## Tsarin seheli ```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 } ``` Maƙasanci na `@Component` yana haɗa abubuwa uku: **selector** (yadda kake amfani dashi a HTML), **template** (alamar girma), da **styles** (da aka tilasta ga wannan seheli). ## Ajiya tana riƙe da logici da bayanai ```html

``` Alaramma da hanyoyin jama'a na ajiya ana iya samun su kai tsaye a cikin template nsa ta hanyar ɗaure — wannan shine tsohon yadda Angular ke haɗa bayanai da gida. ## Amfani da seheli ```html ``` ## An baora salon ta ƙanƙanta ```css /* user-card.css — these styles ONLY affect this component */ h2 { color: blue; } /* won't leak to other components'

s */ ``` Angular yana takurta salon na seholi ta atomatik (View Encapsulation), don haka CSS ba zai ƙi tsakani tsakanin seholi ba. ## Yasa ya mahimaci Seholi su ne yadda kake tsara kowane shaidiga Angular — rabe-rabba da kansu na template + logici + salon da aka tilasta, jujjuyau a cikin bishiya. Jewarewa ga `@Component` maƙasanci (selector, template, styles) da yadda alaƙa/hanyoyin ajiya suka ɗaure ga template shine tushe gida na Angular haɓakawa; ko abin da aka saba wa shine gina akan tsarin seheli.