Абразанне радка праз канал у 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>