Տողի կտրում խողովակի միջոցով Angular-ում

Եկեք սովորենք օգտագործել SlicePipe խողովակը: Այս խողովակը թույլ է տալիս կտրել տողը: Դրա համար այն ընդունում է պարամետրեր, որոնք սահմանում են կտրման սկզբնական և վերջնական ինդեքսները: Պարամետրը փոխանցելու համար խողովակի անվանումից հետո դրվում է միջակետ և թվարկվում են պարամետրերը:

Եկեք նայենք օրինակով: Կոմպոնենտի դասում sահմանենք name հատկությունը:

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

Իսկ այժմ SlicePipe խողովակի օգնությամբ կտրենք տողը` նշելով դրա համար սկզբնական և վերջնական ինդեքսները:

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

Արդյունքում կստացվի հետևյալը:

app/app.component.html<div>
  jo
</div>