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:
export class AppComponent {
name: string = 'john d.';
}
Di template HTML, tuliskan output nama
pengguna dalam huruf besar, tidak termasuk
bagian string ' d.':
<div>{{ name | uppercase | slice:0:4 }}</div>
Tentukan dalam kelas komponen utama Anda
sebuah string yang terdiri dari 10 karakter.
Tampilkan lima karakter terakhirnya
dalam huruf besar.