რა არის pipes ის Angular-ში?

Question

Accepted Answer

**Pipes** რეალიზებს მონაცემთა ტრანსფორმაციას **ჩვენებისთვის** პირდაპირ templates-ში, `|` ოპერატორის გამოყენებით. ისინი გაძლევთ საშუალებას ფორმატირება გააკეთოთ მნიშვნელობებს (თარიღი, ვალუტა, ტექსტი) ძირითადი მონაცემების შეცვლის ან ტრანსფორმაციის ლოგიკის კომპონენტში დაწერის გარეშე. ## ჩამონტაჟებული pipes-ის გამოყენება ```html

``` მნიშვნელობა მარცხენა მხრიდან ატანსპორტირდება pipes-ის საშუალებით; არგუმენტები მოჰყვება ორწერტილს (`date:'longDate'`). ## Pipes-ის ჯაჭვი ```html

``` ## async pipe — გამორჩეული ```html

``` `async` განსაკუთრებით მნიშვნელოვანია: ის გამოწერს Observable-ს (მაგ. HTTP შედეგი), აჩვენებს გამოსხმულ მნიშვნელობას და **ავტომატურად გაწერს** როდესაც კომპონენტი ხელახლა გება — მეხსიერების ღეღებების თავიდან აცილება ხელის მართვის გარეშე. ## მომხმარებლის შექმნილი pipe ```ts import { Pipe, PipeTransform } from "@angular/core"; @Pipe({ name: "truncate" }) export class TruncatePipe implements PipeTransform { transform(value: string, limit = 20): string { return value.length > limit ? value.slice(0, limit) + "…" : value; } } // usage: {{ longText | truncate:50 }} ``` ## Pure vs impure pipes ```text Pure (default): re-runs only when the input REFERENCE changes → efficient (cached) Impure: re-runs on every change detection cycle → use sparingly (e.g. filtering) ``` Pure pipes-ები კეშირებული არიან და მხოლოდ მათი შეყვანა არის აღნუშვის აკეთება — მათ პროდუქტიული. ## რატომ აქვს ეს მნიშვნელობა Pipes-ები ინახავს მონაცემთა ფორმატირებას დეკლარაციულ და template-ში, სადაც ის ეკუთვნის, კომპონენტის ლოგიკისგან ცალკე — ხელმეორე გამოყენებადი, ჯაჭვი და (როდესაც pure) ეფექტური. ჩამონტაჟებული pipes-ები კვამლავენ ჩვეულებრივი ფორმატირების, მომხმარებლის შექმნილი pipes-ები სამართავენ აპ-სპეციფიკურ ტრანსფორმაციებს და `async` pipe არის იდიომატური, გაჟონვის გარეშე Observable მონაცემთა ჩვენების გზა — ნიმუში რომელიც ხელმუდამე გამოიყენებთ Angular-ში.