Жолды арна арқылы қию Angular-де

SlicePipe арнасын қалай пайдалануды үйренейік. Бұл арна жолды қиюға мүмкіндік береді. Сонымен бірге ол қиюдың бастапқы және соңғы индекстерін белгілейтін параметрлерді қабылдайды. Параметрді беру үшін арна атынан кейін қос нүкте қойып, параметрлерді тізбектейді.

Мысалға қарайық. Компонент класында name қасиетін белгілейік:

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

Енді SlicePipe арнасын пайдаланып, оған бастапқы және соңғы индекстерді көрсете отырып, жолды қияйық:

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

Нәтижеде мынаны аламыз:

<div>
	jo
</div>

11 таңбадан тұратын жол жасаңыз. Экранда 2-ден 4 индекске дейінгі бөлігін шығарыңыз.