Trimming a String via a Pipe in Angular

Let's learn how to use the SlicePipe channel. This channel allows you to trim a string. It accepts parameters that specify the start and end indexes of the cut. To pass a parameter, put a colon after the channel name and list the parameters.

Let's look at an example. In the component class, we set the property name:

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

Now, using the SlicePipe channel, we'll trim the string, specifying the start and end indexes for it:

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

The result will be as follows:

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