Angular-da kanal arkaly setiri kesmek

Geliň, SlicePipe kanalyny ulanmagy öwreneliň. Bu kanal setiri kesmäge mümkinçilik berýär. Şol wagt ol başlangyç we ahyrky kesiş indekslerini belgileýän parametrleri kabul edýär. Kanalyň adyndan soň parametr geçirmek üçin iki nokat goýulýar we parametrler sanalýar.

Geliň, mysalda göreliň. Komponent klasynyň içinde name aýratynlygyny belleýäris:

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

Indi bolsa SlicePipe kanalynyň kömegi bilen setiri keseliň we ona başlangyç we ahyrky indeksleri görkezeliň:

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

Netijede aşakdaky alarys:

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