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:

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

Sekarang dengan menggunakan pipe SlicePipe kita akan memotong string, dengan menentukan indeks awal dan akhir untuknya:

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

Hasilnya akan menjadi seperti berikut:

app/app.component.html<div>
  jo
</div>