Angular'da Kanalların Zincirleme Kullanımı

Bir değere birden fazla dönüşüm uygulamak için kanal zincirlerini kullanabilirsiniz. Bunun için ihtiyacımız olan tüm kanalları | sembolü ile yazıyoruz.

Ana bileşen sınıfında bir name özelliği tanımlayalım:

app/app.component.tsexport class AppComponent {
  name: string = 'john d.';
}

HTML şablonunda, kullanıcı adını büyük harfe dönüştürerek ve ' d.' kısmını hariç tutarak yazdıralım:

app/app.component.html<div>{{ name | uppercase | slice:0:4 }}</div>