Angular

Angular Signal API

RxJS 是一個使用可觀察序列編寫非同步和基於事件的程式的函式庫。

它提供了一種核心型別，即 Observable、一些周邊型別（Observer、Scheduler、Subjects）和類似於 Array 方法（map、filter、reduce、every 等）的運算子，以便將非同步事件作為集合進行處理。

什麼是HttpClient

HttpClient 是Angular 內建專門處理AJAX的模組，負責處理用API 溝通取得資料的複雜流程。

匯入HttpClient

Angular 18 引進了一種觸發偵測變更的新方法。檢測更改完全由 Zone Js 處理。現在，偵測變化由框架本身直接觸發。
Angular 18 的新增功能
Angular 19版本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
import { provideRouter } from '@angular/router';
+ import { provideHttpClient} from '@angular/common/http';
import { routes } from './app.routes';
import { provideClientHydration, withEventReplay } from '@angular/platform-browser';

export const appConfig: ApplicationConfig = {
  providers: [
    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideHttpClient(),
    provideRouter(routes),
    provideClientHydration(withEventReplay())
  ]
};

Subscribe

推薦把它們用於事件處理、非同步程式設計以及處理多個值等場景。

接收可觀察物件通知的處理器要實現 Observer 介面

  • next:用來處理每個送達值。在開始執行後可能執行零次或多次。
  • error:用來處理錯誤通知。錯誤會中斷這個可觀察物件實例的執行過程。
  • complete:用來處理執行完畢（complete）通知。當執行完畢後，這些值就會繼續傳給下一個處理器。
1