Trunkering av sträng via en kanal i Angular

Låt oss lära oss att använda kanalen SlicePipe. Denna kanal låter dig trunkera en sträng. Samtidigt accepterar den parametrar som specificerar start- och slutindex för trunkeringen. För att skicka en parameter efter kanalnamnet sätter man ett kolon och listar parametrarna.

Låt oss titta på ett exempel. I komponentklassen definierar vi egenskapen name:

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

Och nu, med hjälp av kanalen SlicePipe, låt oss trunkera strängen genom att specificera dess start- och slutindex:

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

Som ett resultat kommer följande att erhållas:

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