resource() vs rxResource() vs httpResource()
Live code from the resource() vs rxResource() vs httpResource() guide. Full deep-dive in Mastering Angular Signals.
All three APIs give you the same signal surface:
value(), isLoading(), error() and reload(). They differ only in how you tell them to fetch. 1. resource() with reactive params
Custom async loader with abortSignal. params returns undefined until you click, so it loads on demand only.
2. httpResource() with a URL function
The URL function reads isMultiCityMode(), so flipping the toggle re-fetches automatically through HttpClient.
Temperature: 21
Condition: Partly cloudy
3. rxResource() with the stream option
Bridges an RxJS service (WeatherService.getWeather()) into signals. In v22 the option is named stream.
Temperature: 21
Condition: Partly cloudy