Oříznutí řetězce pomocí kanálu v Angular

Pojďme se naučit používat kanál SlicePipe. Tento kanál umožňuje oříznout řetězec. Přitom přijímá parametry, které nastavují počáteční a koncový index oříznutí. Pro předání parametru za názvem kanálu se používá dvojtečka a vyjmenovávají se parametry.

Podívejme se na příklad. V třídě komponentu nastavme vlastnost name:

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

A nyní pomocí kanálu SlicePipe ořízneme řetězec, přičemž určíme počáteční a koncový index:

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

Výsledek bude následující:

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