今天，依然是篇日記文，每天遇到的事有太多好寫了。
一早 同事：Mandy, 今天是 deadline 囉，做好了嗎? 我：還差了 bala bala… 同事：有什麼需要協助的話，要快說哦 我：嗯…好 ! XD
接著繼續處理未完的專案
情境
這次的情境是，表單裡有包含著圖片上傳，機制是當表單需要 新增圖片時，需要先將圖檔上傳，得到後端給的圖片 id 後再把這個 id 塞到表單裡 更新圖片時，把原有的圖檔 id 包含新的圖檔一起傳送給後端， 刪除圖片時，就要把原有的圖片 id 打到後端 以上這些動作都要先處理完，接著再一起更新表單
所以流程會是，先傳送圖片，等圖片處理完後更新表單，再將表單送出。
實作
一開始我的程式碼是這樣寫的
結果遇到了圖片非同步問題，當我按 submit 後，每傳完一張圖片，就會打一次表單 api,
傳了三次 表單送出就會打三次，這不是我要的 RRRR !
修改後
將程式碼流程改這樣
是我要的結果！但其實這樣寫下來 邏輯上有點複雜 但時程上有點趕，就先將 code 傳到 gitlab 上
CodeReview
經過同事神一般的巧手，將程式碼的流程改為如圖所示，流程看起來清楚多了(心裡充滿感激)
action是ngrx裡的狀態管理的一部份
combineLatest 為 rxjs 裡的組合符
concatMap 與 switchMap 皆是 rxjs 裡的 operators
concatMap 還有另外處理邏輯(crud)流程
後記
今天，主要的記事是對程式碼的流程規畫，所以沒有實作面
這次也學到了concatMap的處理方式
(看了很多次 還沒實際使用過，所以一開始在使用時，對concatMap的流向有所誤解)
這天在回家的路上，火車坐過頭，連 ubike 也騎超過站點忘了要還車 QQ 一定是我太累惹 囧~~