Upgrade from MSAL Angular v3 to v4

MSAL Angular v4 includes security updates from MSAL Browser and adds Angular 19 support to the existing Angular 15-18 support.

Please see the MSAL Browser v3 migration guide for browser support and other key changes.

Changes in @azure/msal-angular@4

Using local storage

Due to changes in MSAL Browser related to local storage encryption, ensure you check that initialization has completed and that interaction status is None before calling any account APIs.

this.msalBroadcastService.inProgress$
    .pipe(
        filter(
            (status: InteractionStatus) => status === InteractionStatus.None
        ),
        takeUntil(this._destroying$)
    )
    .subscribe(() => {
        this.loginDisplay = this.authService.instance.getAllAccounts().length > 0;
    });

Samples

The following developer samples are now available:

• Angular B2C Sample
• Angular Standalone Sample

The samples demonstrate basic configuration and usage, and may be improved and added to incrementally.

See here for a list of the current MSAL Angular samples and the features demonstrated.