Ionic: แสดง List

list

สร้างแอพ Ionic ด้วยคำสั่ง

> ionic start myApp blank

แก้ไขไฟล์ src/pages/home/home.ts

บรรทัดที่ 10 : สร้างตัวแปร contacts
บรรทัดที่ 17 : เมื่อโหลดวิวเสร็จ ให้เรียกเมธอด loadcontacts()
บรรทัดที่ 21-26 : กำหนดค่าให้กับตัวแปร contacts

แก้ไขไฟล์ src/pages/home/home.html

บรรทัดที่ 10 : แสดงลิสต์
บรรทัดที่ 11 : กำหนดให้ไอเทมที่จะแสดงในลิสต์นำค่ามาจากตัวแปร contacts
บรรทัดที่ 12 : แสดงค่าตัวแปร contact.title
บรรทัดที่ 12 : แสดงค่าตัวแปร contact.contact

แสดงแค่ item แรก
src/pages/home/home.ts

src/pages/home/home.html

แสดงรายการแบบ reverse

Link