Pemotongan String melalui Pipe di Angular
Mari belajar menggunakan pipe SlicePipe.
Pipe ini memungkinkan untuk memotong string.
Pipe ini menerima parameter yang menentukan
indeks awal dan akhir pemotongan.
Untuk meneruskan parameter setelah nama pipe,
tambahkan tanda titik dua dan sebutkan parameternya.
Mari kita lihat contohnya. Dalam kelas
komponen, tentukan properti name:
export class AppComponent {
name: string = 'john';
}
Sekarang dengan menggunakan pipe SlicePipe
kita akan memotong string, dengan menentukan indeks awal
dan akhir untuknya:
<div>
{{ name | slice:0:2 }}
</div>
Hasilnya akan menjadi seperti berikut:
<div>
jo
</div>
Buat sebuah string yang terdiri dari 11
karakter. Tampilkan potongan dari
indeks 2 hingga 4.
