การใช้งาน Storage

สร้างโปรเจ็กส์ใหม่ชื่อ localStorage

> ionic start storage blank
> cd storage
> ionic serve

ติดตั้ง plugin

> ionic cordova plugin add cordova-sqlite-storage

> npm install --save @ionic/storage

src/app/app.module.ts

ถ้าไม่ใส่ IonicStorageModule ในบรรทัดที่ 34 บางทีจะเกิดปัญหา Runtime Error Uncaught (in promise): Error: StaticInjectorError[Storage]: NullInjectorError: No provider for Storage!
ทางแก้ก็คือใส่ไว้ตลอดละกัน ง่ายดี

src/pages/home/home.ts

กด F12 ดูที่ console จะเห็น Your name is Jack
ลองปิดบรรทั่ดที่ 15 แล้วรันอีกรอบจะต้องเห็นข้อความเดิม เพราะข้อมูลถูกเก็บใน storage แล้ว

แต่ปัญหาคือการทำงานกับ storage ซึ่งมีเมธอด set, get, remove และ clear นั้น
มีเมธอด get และ remove ทำงานแบบ async ดังนั้นการทำงานจะไม่เป็นไปตามลำดับ

ทางแก้ใช้ Promise การใช้งาน Storage แบบ Promise

Link