Angular'da Dilimleme Kanalı ile Dize Kırpma
SlicePipe kanalını nasıl kullanacağımızı öğrenelim.
Bu kanal, bir dizeyi kırpmanıza olanak tanır.
Kırpmanın başlangıç ve bitiş indekslerini belirleyen
parametreleri alır.
Kanal adından sonra parametre iletmek için
iki nokta üst üste konur ve parametreler listelenir.
Bir örnek üzerinden inceleyelim. Bileşen sınıfında
name özelliğini tanımlayalım:
export class AppComponent {
name: string = 'john';
}
Şimdi SlicePipe kanalını kullanarak
dizeyi kırpalım ve bunun için başlangıç
ve bitiş indekslerini belirtelim:
<div>
{{ name | slice:0:2 }}
</div>
Sonuç olarak şunu elde edeceğiz:
<div>
jo
</div>
11 karakter içeren bir dize oluşturun.
Ekrana 2'den 4'e kadar olan dilimi yazdırın.
