การ Order ในตารางด้วย AngularJS
Published in
1 min readMay 8, 2018
มาดูวิธีการจัดเรียงข้อมูลในตารางด้วย Angular กัน เริ่มต้นผมให้มีข้อมูล products ชุดหนึ่ง ลูปแสดงออกมาด้วยคำสั่งของ AngularJS
ทีนี้อยากจะเรียงข้อมูลด้วย price จากมากไปหาน้อย เขียนโค้ดตามนี้
สิ่งที่เพิ่มเข้ามามีเพียง
| orderBy: ‘price’ เป็นตัวบอกว่าให้จัดเรียงด้วย price จากน้อยไปหามาก ถ้าหากอยากจะให้จัดเรียงด้วย name ก็เขียนอย่างนี้ | orderBy: ‘name’
ผลลัพธ์
ทีนี้ถ้าหากอยากจะให้จัดเรียงจากมากไปหาน้อย เขียนตามนี้
สิ่งที่เพิ่มหรือแตกต่างคือ
แค่ใส่เครื่องหมาย — เข้ามา ก็จะเป็นการจัดเรียงจากมากไปหาน้อยแล้ว ผลลัพธ์เป็นดังนี้