Angular'дагы канал аркылуу сапты кесүү

Келгиле, SlicePipe каналын колдонууну үйрөнөлү. Бул канал сапты кесүүгө мүмкүндүк берет. Бул жагдайда ал кесүүнүн башталгыч жана аяктоо индексдерин белгилөөчү параметрлерди кабыл алат. Параметрди өткөрүп берүү үчүн каналдын атынан кийин кош нуска коюлуп, параметрлер тизмеленет.

Келгиле, мисал аркылуу карап көрөлү. Компоненттин классында 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>