Day 11 Login & JWT 跟 Day 12 Login & Route Guard & HTTP Interceptor 練習了一個簡單的登入,這次想要練習秀出使用者的資訊。
建立一個使用者資訊頁面
ionic generate page user-info
然後把使用者資訊頁面加入 Tab
在 tabs-routing.module.ts 加 Route
在 tabs.page.html 加 ion-tab
npm install @auth0/angular-jwt
在 app.module.ts 中設置
建立 UserInfoModel 顯示使用者資料用的 Model
user-info.page.html 我們使用 ion-avatar 元件來顯示我們的大頭照,目前大頭照先寫死。
user-info.page.ts
結果