Отсичане на низ чрез pipe в Angular

Нека се научим да използваме pipe SlicePipe. Този pipe позволява отсичане на низ. Той приема параметри, които задават начален и краен индекс за отсичане. За подаване на параметър след името на pipe се поставя двоеточие и се изброяват параметрите.

Нека разгледаме пример. В класа на компонента ще зададем свойство name:

app/app.component.tsexport class AppComponent {
  name: string = 'john';
}

А сега с помощта на pipe SlicePipe ще отрежем низа, като посочим начален и краен индекс:

app/app.component.html<div>
  {{ name | slice:0:2 }}
</div>

В резултат ще се получи следното:

app/app.component.html<div>
  jo
</div>