Скраћење стринга кроз канал у 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>