Virknes apgriešana caur cauruli Angular

Iemācīsimies lietot cauruli SlicePipe. Šī caurule ļauj apgriezt virkni. Tajā pašā laikā tā pieņem parametrus, kas nosaka sākuma un beigu indeksus apgriešanai. Lai nodotu parametru aiz caurules nosaukuma, liek kolu un uzskaita parametrus.

Apskatīsim piemērā. Komponenta klasē iestatīsim īpašību name:

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

Un tagad, izmantojot cauruli SlicePipe, apgriezīsim virkni, norādot tai sākuma un beigu indeksus:

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

Rezultātā iegūsim sekojošo:

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