Angular-da Kanaldan Satrni Kesish

Keling, SlicePipe kanalidan qanday foydalanishni o‘rganaylik. Ushbu kanal satrni kesish imkonini beradi. Bunda u kesishning boshlang‘ich va yakuniy indekslarini belgilovchi parametrlarni qabul qiladi. Parametrni uzatish uchun kanal nomidan keyin ikki nuqta qo‘yiladi va parametrlar sanab o‘tiladi.

Keling, buni misolda ko‘rib chiqaylik. Komponent klasida name xususiyatini belgilaymiz:

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

Endi esa SlicePipe kanali yordamida satrni kesamiz, unga boshlang‘ich va yakuniy indekslarni ko‘rsatib:

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

Natijada quyidagi hosil bo‘ladi:

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