Pipe doğrudan şablonlarınızdan dönüştürmenin ve biçimlendirmenin harika bir yoludur. Veri dışında tarihler, para birimi, yüzde ve karakter kutuları için pipe ile mumkun, kendi özel pipe da kolayca tanımlayabilirsiniz.
İlk önce pipe oluşturmak için Angular CLI komutunu kullanmalıyız.
ng generate pipe pipeismi
Daha sonra pipe için gerekli değişiklikleri yapılacaktır. Bunlar module app.modules.ts eklemek ve pipe için dosya oluşturmak olacaktır.
Örnek Pipe Uygulaması
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'name'
})
export class PipeIsmiimplements PipeTransform {
transform(value: string): string {
return 'name: '+ value
}
}
<div class="yg"> {{ value | name }} </div>