下圖第1487行代碼,調用Angular HTTP library,往this.tokenEndpoint指向的API發送HTTP post請求,參數為使用者在login form裡輸入的使用者名和密碼:
從HTTP Post傳回的response,包含了Access Token:
auth-storage.service.ts,setItem調用this._token$的next方法,通知其監聽者:
filter.js - predicate:
将state從各種管道搜集而來,進行整合,最後存儲到storage中去:
通知下一個subscriber:
第73行的persistToStorage進行真正的storage持久化操作:
需要持久化到storage裡的資料:
這裡就是Chrome local storage裡能看到的資料:
storage.setItem就是浏覽器操作local storage的原生實作: