Pipes a chlaochlaíonn sonraí do thaispeáint go díreach i templates, ag úsáid an oibreoir |. Tugann siad deis duit luachanna (dátaí, airgeadra, téacs) a bhformáidiú gan na sonraí bunúsacha a athrú nó loighic chlaochlaithe a scríobh sa chomponent.
{{ today | date:'longDate' }}
{{ price | currency:'USD' }}
{{ name | uppercase }}
{{ ratio | percent }}
{{ bigNumber | number:'1.2-2' }}
{{ data | json }}
Cuirtear an luach ar an taobh clé tríd an pipe; leanann argóintí colón (date:'longDate').
<p>{{ today | date:'fullDate' | uppercase }}</p> <!-- pipes apply left to right -->
<!-- subscribes to an Observable/Promise and auto-unsubscribes -->
<div>{{ user$ | async }}</div>
<li *ngFor="let item of items$ | async">{{ item.name }}</li>
Tá async an-thábhachtach: foscríobhann sé do Observable (m.sh. toradh HTTP), rendálann sé an luach a astaíodh, agus díoscríobhann sé go huathoibríoch nuair a scriosann an component — ag seachaint foluain chuimhne gan bhainistiú foscripte láimhe.
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 (default): re-runs only when the input REFERENCE changes → efficient (cached)
Impure: re-runs on every change detection cycle → use sparingly (e.g. filtering)
Tá pipes íon cachéilte agus ní ríomhann siad ach nuair a bhíonn a n-ionchur ag athrú — rud a dhéanann siad éifeachtach.
Coimeádann pipes formáidiú sonraí intuigthe agus sa template ina bhfuil sé i gceist, ar leithligh ó loighic an chomponent — iniúsáidte, incheanglaithe, agus (nuair a bhíonn sé íon) éifeachtach.
Cláraíonn na pipes ionsuite an bhformáidiú coitianta, láimhdhéanann pipes saincheaptha claochluithe atá saincheaptha ar an bhfeidhmchlár, agus is é an pipe async an bealach idiomatic, gan foluain chuimhne, chun sonraí Observable a thaispeáint — patrún a úsáidfidh tú i rith an ama i Angular.