Զանգվածային խողովակների շղթաներ 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>