跳到主要內容
m.Mandy's Web

標籤:RxJS

2022

使用 RXJS 取消 http request

因為需求,有時後需要取消處理中的 http request 所以就來做個筆記吧 模擬另一種情境,比如說在 ngrx 裡處理,這裡寫的很簡略,只寫了方法,但沒有 ngrx 的寫法

2021

Angular ngIf 與 Async Pipe

當我們在 template 訂閱一組資料,而需要對它做一些邏輯處理的時後。 .ts .html 若像上述這樣的寫法,會造成重覆訂閱而增加 server 的負擔,所以在實作上,通常會避免這情況發生 將 html 寫法稍做修改 將 products$ async

Rxjs 各種解訂閱方式

昨天說到了將資料訂閱出來渲染在頁面上的事,那麼就就來說說 RxJs 解訂閱這件事吧。 這也是為了避免 memory leak,或重覆訂閱所造成的 BUG,若非有限訂閱,通常在訂閱離開後,都需要解訂閱。 只執行第一次,通常用於第一次進來讀取成功取得資料後,就不需

Angular 如何取得 API 資料

既然昨天已經說了 http post 這件事,那今天就來說說 http get 這部份吧! 今天的資料依然使用 FakeStoreAPI 樣式套用 Angular Material 從 api 取得列表後,把資料渲染到 html 上 app.module.ts

2020

RxJS 概念

連續性發生的資料 (主體) ,沒有寫 subscribe 是不會被執行的 要下了後才會被啟動 在執行過程中 隨時可以中斷行為 註冊到(Observable) next: Observer 接收到一個值 (.then error: Observer 接收到一個錯

分類