Apa iku pipes ing Angular?

Question

Accepted Answer

**Pipes** ngrubah data **kanggo ditampilake** langsung ing templates, nggunakake operator `|`. Dheweke ngidini sampeyan ngformat nilai (tanggal, mata uang, teks) tanpa ngubah data pangerte utawa nulis logika transformasi ing component. ## Nggunakake built-in pipes ```html

``` Nilai ing kiwa dilewatake liwat pipe; argumen tindih ing colon (`date:'longDate'`). ## Chaining pipes ```html

``` ## Pipe async — special banget ```html

``` `async` penting banget: ndhudhuk Observable (contone asil HTTP), nampilake nilai sing dipancarake, lan **otomatis unsubscribe** nalika component liwat — nyegah memory leak tanpa manajemen langganan manual. ## Nggawe custom 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 dicache lan mung ngrecompute nalika input ilang — nggawe dheweke performa. ## Mengapa iku penting Pipes njaga formatting data declarative lan ing template ing kono kudu dadi, kapisah saka logika component — reusable, chainable, lan (nalika pure) efisien. Pipe built-in natupi formatting umum, custom pipes nangani transformasi spesifik app, lan pipe `async` minangka cara idiomatic, bebas leak kanggo nampilake data Observable — pola sing bakal sampeyan gunakake terus-terusan ing Angular.