iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 14
1

Day 11 Login & JWTDay 12 Login & Route Guard & HTTP Interceptor 練習了一個簡單的登入,這次想要練習秀出使用者的資訊。

建立使用者資訊頁面

建立一個使用者資訊頁面

ionic generate page user-info

然後把使用者資訊頁面加入 Tab
在 tabs-routing.module.ts 加 Route

在 tabs.page.html 加 ion-tab

安裝 JwtModule

npm install @auth0/angular-jwt

在 app.module.ts 中設置

解析 Token 並顯示使用者資訊

建立 UserInfoModel 顯示使用者資料用的 Model

user-info.page.html 我們使用 ion-avatar 元件來顯示我們的大頭照,目前大頭照先寫死。

user-info.page.ts

結果


上一篇
Alert & Toast
下一篇
Camera
系列文
純粹沒有寫過行動,Ionic 學習中...30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言