การเชื่อมต่อพายป์ใน Angular
เพื่อนำพายป์หลายประเภทมาใช้กับค่าเดียว
สามารถใช้การเชื่อมต่อพายป์ได้
โดยเขียนพายป์ทั้งหมดที่เราต้องการ
ผ่านสัญลักษณ์ |
มาสร้างคุณสมบัติ name
ในคลาสของคอมโพเนนต์หลักกัน:
export class AppComponent {
name: string = 'john d.';
}
ในเทมเพลต HTML
ให้เขียนแสดงชื่อผู้ใช้เป็นตัวพิมพ์ใหญ่
โดยตัดส่วนของสตริง ' d.' ออก:
<div>{{ name | uppercase | slice:0:4 }}</div>
กำหนดสตริงที่ประกอบด้วย 10 อักขระ
ในคลาสของคอมโพเนนต์หลักของคุณ
แสดงห้าอักขระสุดท้ายของมัน
เป็นตัวพิมพ์ใหญ่บนหน้าจอ
