การตัดสตริงผ่านไพพ์ใน Angular

มาเรียนรู้วิธีใช้ไพพ์ SlicePipe กัน ไพพ์นี้ช่วยให้เราตัดสตริงได้ โดย มันจะรับพารามิเตอร์ที่กำหนด ดัชนีเริ่มต้นและสิ้นสุดสำหรับการตัด เพื่อส่งผ่านพารามิเตอร์ หลังจากชื่อไพพ์ ให้ใส่เครื่องหมายทวิภาคและระบุพารามิเตอร์

มาดูตัวอย่างกัน ในคลาส คอมโพเนนต์ กำหนดคุณสมบัติ name:

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

จากนั้นใช้ไพพ์ SlicePipe เพื่อตัดสตริง โดยระบุดัชนี เริ่มต้นและสิ้นสุดสำหรับมัน:

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

ผลลัพธ์ที่ได้จะเป็นดังนี้:

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