How to get login error information in the redirect destination page, at login callback?

Yas · October 21, 2021, 4:25pm

I figured out the solution from the official sample as below by myself.

auth0-samples/auth0-angular-samples/blob/master/Sample-01/src/app/pages/error/error.component.ts

import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { AuthService } from '@auth0/auth0-angular';
import { Observable, timer } from 'rxjs';
import { takeUntil } from 'rxjs/operators';

@Component({
  selector: 'app-error',
  templateUrl: './error.component.html',
})
export class ErrorComponent {

  public error$: Observable<any> = this.auth.error$;

  constructor(private auth: AuthService, private router: Router) {}

  ngOnInit() {
    timer(0).pipe(takeUntil(this.error$)).subscribe(() => {
      this.router.navigateByUrl('/');
    });

This file has been truncated. show original

// get error object from library, at the component that is set in errorPath option.
public error$: Observable<any> = this.auth.error$;

and we need to add more small code to html.
we can see useful code at above link.

thank you so much!

Topic		Replies	Views
Redirect URI issue after successful login with @auth0/auth0-angular Get Help angular , login , redirect , redirecturi	4	25863	March 13, 2021
Auth0 Angular - Removing the state query parameter on Login redirect w/ error Get Help login-experience , new-universal-login-experience	8	3165	November 27, 2023
Angular Auth0 SDK re-routes to homepage after login denied from action Get Help classic-universal-login-experience , login-experience	0	704	August 11, 2023
Authorization code flow with callback URL: redirect to "/" after a successful login Get Help	2	6528	January 4, 2021
Issue with implementing Login in my Angular Application - Getting 401 Unauthorized Response Get Help classic-universal-login-experience , login-experience	2	123	December 31, 2024

How to get login error information in the redirect destination page, at login callback?

Related topics