Angular-da Kanallar Zanjiri

Bir qiymatga bir nechta kanallarni qo'llash uchun kanallar zanjiridan foydalanish mumkin. Buning uchun bizga kerak bo'lgan barcha kanallarni | belgisi orqali yozamiz.

Keling, asosiy komponent klassida name xususiyatini belgilaymiz:

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

HTML-shablonda foydalanuvchi ismini katta harflarda, ' d.' qismini chiqarib tashlab, ko'rsatamiz:

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