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

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

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

export class AppComponent {
	name: string = 'john';
}

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

<div>
	{{ name | slice:0:2 }}
</div>

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

<div>
	jo
</div>

Ստեղծեք 11 նիշ ներառող տող: Էկրանին ցուցադրեք 2-ից մինչև 4 ինդեքսով հատվածը: