injectNetworkInformationResource

Provides a reactive Angular Resource (rxResource) for monitoring the device network connection status.

TypeScriptexample.ts
import { injectNetworkInformationResource } from '@angular-helpers/browser-web-apis'

# Properties

FieldTypeDescription
resourceResourceRef<NetworkInformation>The reactive Angular ResourceRef.
snapshotSignal<NetworkInformation | undefined>The latest snapshot shortcut.
onlineSignal<boolean | undefined>Whether the device is online.
effectiveTypeSignal<EffectiveConnectionType | undefined>The effective connection type (e.g. 4g).
downlinkSignal<number | undefined>The effective bandwidth estimate in megabits per second.
rttSignal<number | undefined>The estimated effective round-trip time of the current connection.
typeSignal<ConnectionType | undefined>The underlying connection technology (e.g. wifi).
saveDataSignal<boolean | undefined>User data-saving mode status.
isSupportedSignal<boolean>True when Network Information API is available.
LCP N/A
CLS N/A
INP N/A