Rantai Pipe di Angular

Untuk menerapkan beberapa jenis pipe pada satu nilai, Anda dapat menggunakan rantai pipe. Untuk melakukannya, tulis semua pipe yang kita butuhkan melalui simbol |.

Mari kita tentukan properti name di kelas komponen utama:

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

Di template HTML, tuliskan output nama pengguna dalam huruf besar, tidak termasuk bagian string ' d.':

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