Rantaian Paip dalam Angular

Untuk menggunakan beberapa jenis pada satu nilai, kita boleh menggunakan rantaian paip. Untuk ini, tulis semua paip yang kita perlukan melalui simbol |.

Mari kita tetapkan sifat name dalam kelas komponen utama:

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

Dalam templat HTML, tuliskan output nama pengguna dalam huruf besar, tidak termasuk bahagian string ' d.':

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