კანალების ჯაჭვები Angular-ში

ერთი მნიშვნელობისთვის რამდენიმე ტიპის გამოსაყენებლად, შეგიძლიათ გამოიყენოთ კანალების ჯაჭვები. ამისთვის ჩვენ ვწერთ ყველა საჭირო კანალს | სიმბოლოს მეშვეობით.

მოდით მთავარი კომპონენტის კლასში დავაყენოთ თვისება name:

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

HTML-შაბლონში ჩავწერთ მომხმარებლის სახელის გამოტანის ზედა რეგისტრში, გამოვრიცხავთ სტრიქონის ნაწილს ' d.':

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