Kukata Kamba Kupitia Mfereji katika Angular

Hebu tujifunze jinsi ya kutumia mfereji SlicePipe. Mfereji huu huruhusu kukata kamba. Wakati huo hupokea vigezo, ambavyo huweka fahirisi ya mwanzo na ya mwisho ya kukatwa. Kwa kupitisha kigezo baada ya jina la mfereji huweka koloni na kuorodhesha vigezo.

Hebu tuangalie kwa mfano. Katika darasa la kipengee tuweze sifa name:

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

Na sasa kwa kutumia mfereji SlicePipe tukate kamba, tukiwaonyesha fahirisi ya mwanzo na ya mwisho:

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

Hatimaye matokeo yatakuwa yafuatayo:

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