[前端框架] Angular | angular同步
![[前端框架] Angular](https://i.imgur.com/axBPWDg.jpg)
本篇深入探討一些資料流的應用觀念,包含Observable提供可觀察的非同步結果、以及Form表單的設計要點、pipe管道的技巧。其中一些內容將會使用到rxjs的第三方工具使用。Observable是一個用於處理非同步事件序列的類別,它可以讓我們以一種簡潔的方式來處理事件流,並讓我們的應用程式更加易於擴展和維護。常用於處理HTTP請求、事件、計時器等非同步操作,它可以讓我們訂閱一個序列,並在序列中發生事件時進行處理。當Observable發生事件時,訂閱者可以接收到這些事件,然後進行相應的處理,例如顯示數據、執行一些邏輯、更新UI等等。Ob...
![[前端框架] Angular](https://i.imgur.com/H8YKUrg.jpg)
本篇深入探討一些資料流的應用觀念,包含 Observable 提供可觀察的非同步結果、以及 Form 表單的設計要點、pipe 管道的技巧。其中一些內容將會使用到 rxjs 的第三方工具使用。
Observable 是一個用於處理非同步事件序列的類別,它可以讓我們以一種簡潔的方式來處理事件流,並讓我們的應用程式更加易於擴展和維護。常用於處理 HTTP 請求、事件、計時器等非同步操作,它可以讓我們訂閱一個序列,並在序列中發生事件時進行處理。當 Observable 發生事件時,訂閱者可以接收到這些事件,然後進行相應的處理,例如顯示數據、執行一些邏輯、更新 UI 等等。
Observable 常見的特性包括:
支持異步操作,可以在事件發生時傳遞數據。 可以將多個操作串連在一起,形成一個事件序列。 可以將一個 Observable 轉換成另一個 Observable,以實現更複雜的操作。 可以使用操作符對事件序列進行過濾、映射、組合等操作,以實現更多的功能。在 Angular 中,Observable 是非常常用的一個類別,它廣泛應用於處理 HTTP 請求、表單驗證、事件監聽等非同步操作。Observable 可以讓我們更好地管理應用程式中的非同步操作,提高應用程式的可讀性和可維護性,是 Angular 應用程式中非常重要的一部分。
Observable 對在應用的各個部分之間傳遞訊息提供了支援。它們在 Angular 中頻繁使用,並且推薦把它們用於事件處理、非同步程式設計以及處理多個值等場景。觀察者(Observer)模式是一個軟體設計模式,它有一個物件,稱之為主體 Subject,負責維護一個依賴項(稱之為觀察者 Observer)的列表,並且在狀態變化時自動通知它們。 該模式和發佈/訂閱模式非常相似(但不完全一樣)。
Observable 可以被認為是一個 Data Sources,在 Angular 專案中,一個 Observable 就是從第三方 package (RxJS 函式庫)進行導入的物件。所以我們會有一個觀察者 Observer 並在時間線上讓 Observable 或 Data package 資料包由可觀察對象發出多個事件。
你可以連結一...