ionic3: แสดง List แบบใช้ *ngif

ngif

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

> ionic start myApp blank

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

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

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

บรรทัดที่ 12 : ตรวจสอบว่า contact ไม่เท่ากับ 222 ให้แท็ก div นี้แสดง (แสดงข้อมูล title และ contact)
บรรทัดที่ 15 : ตรวจสอบว่า contact เท่ากับ 222 ให้แท็ก div นี้แสดง (แสดงคำว่า None)

Link