რა არის Angular-ის კომპონენტის ცხოვრების ციკლის კრიები?

Question

Accepted Answer

**ცხოვრების ციკლის კრიები** არის მეთოდები, რომლებსაც Angular იძახებს კომპონენტის ცხოვრების სპეციფიკურ მომენტებში — შექმნა, შეყვანის ცვლილებები, რენდერირება და წაშლა. თქვენ ახორციელებთ მათ ინტერფეისის მეთოდების დამატებით თქვენი კომპონენტის კლასში.

## მთავარი კრიები თანმიმდევრობით

```ts
import { Component, OnInit, OnDestroy, OnChanges, SimpleChanges } from "@angular/core";

@Component({ ... })
export class MyComponent implements OnInit, OnDestroy, OnChanges {
  ngOnChanges(changes: SimpleChanges) {
    // called when an @Input value changes (before ngOnInit the first time)
  }
  ngOnInit() {
    // called ONCE after the first ngOnChanges — do initialization, fetch data
  }
  ngOnDestroy() {
    // called just before the component is removed — CLEAN UP here
  }
}
```

## სრული თანმიმდევრობა

```text
constructor          → DI happens; inputs NOT yet available
ngOnChanges          → when @Input values are set/changed
ngOnInit             → once, after first ngOnChanges ★ (init, fetch data)
ngDoCheck            → every change detection run (custom change detection)
ngAfterContentInit   → projected content (<ng-content>) initialized
ngAfterViewInit      → the component's view + child views ready ★ (access @ViewChild)
ngAfterViewChecked   → after each view check
ngOnDestroy          → before removal ★ (unsubscribe, clear timers)
```

## სამი, რომელსაც ყველაზე ხშირად იყენებთ

```ts
ngOnInit() {
  this.userService.getUsers().subscribe(u => this.users = u); // init/fetch — inputs are ready
}
ngAfterViewInit() {
  this.chart.nativeElement.focus(); // the DOM/@ViewChild exists now
}
ngOnDestroy() {
  this.subscription.unsubscribe();   // prevent memory leaks!
  clearInterval(this.timer);
}
```

- **`ngOnInit`** — ინიციალიზაციისა და მონაცემების ამოღების სტანდარტული ადგილი (კონსტრუქტორისგან განსხვავებით, `@Input` აქ ხელმისაწვდომია).
- **`ngAfterViewInit`** — როდესაც ქვე-ხედები და `@ViewChild` მითითებები არსებობს.
- **`ngOnDestroy`** — გაწმენდა: აიღეთ იწერების Observable-დან, გაასუფთავეთ ტაიმერი, ამოიღეთ მსმენელი.

## რატომ ngOnInit კონსტრუქტორის მაგივრად

კონსტრუქტორი უნდა აკეთებდეს მხოლოდ DI-ს; შეყვანა ჯერ არ არის ბმული იქ. `ngOnInit` იშვებს მას შემდეგ, რაც Angular დაამუშავა კომპონენტი და მისი შეყვანა — სწორი ადგილი საstart-up ლოგიკისთვის.

## რატომ არის ეს მნიშვნელოვანი

ცხოვრების ციკლის კრიები საშუალებას გაძლევთ ლოგიკა გააკეთოთ სწორი დროს — ინიციალიზაცია `ngOnInit`-ში, რენდერირებული ხედის ხელმისაწვდომობა `ngAfterViewInit`-ში, და განსაკუთრებით **გაწმენდა `ngOnDestroy`-ში** (Observable-დან აიღება არის #1 გზა Angular-ში მეხსიერების ღაჭის თავიდან აცილების).

ყოველი კრის თანმიმდევრობისა და როლის ცოდნა აუცილებელია სწორი მონაცემების ამოღების, DOM-ის ხელმისაწვდომობისა და რესურსის მართვისთვის.