Angulyarda Kanallar Zənciri

Bir dəyərə bir neçə çevrilməni tətbiq etmək üçün, kanal zəncirlərindən istifadə edə bilərsiniz. Bunun üçün bizə lazım olan bütün kanalları | simvolu vasitəsilə yazırıq.

Gəlin əsas komponentin sinfində name xassəsini təyin edək:

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

HTML şablonunda istifadəçi adının böyük hərflə çıxarılmasını və ' d.' sətir hissəsini istisna olmaqla təyin edək:

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