cambie el código de esta manera porque después de constructor() solo se llama a ngOnInit() , por lo que el valor se vuelve nulo

 constructor(private router: Router) { this.name = this.router.getCurrentNavigation().extras.state.example; }

Está llamando al método getCurrentNavigation demasiado tarde. La navegación ha terminado.

Debe llamar al método getCurrentNavigation dentro del constructor:

 constructor(private router: Router) { this.name = this.router.getCurrentNavigation().extras.state.someData; }

O si desea acceder a la navegación en ngOnInit , puede hacer lo siguiente:

 ngOnInit() { this.name = history.state.someData; }

trabaja para mi iónico 4

• this.router.url => /app/menu/etc // posición actual

Esto me pasó porque había una promesa (proceso asíncrono) en el Evento de NavigationEnd, antes de consumir getCurrentNavigation().extras().state del estado actual.

Moví la promesa después y ¡voilá! Se las arregló para obtener los datos sin ser limpiado primero.

Para especificaciones (pruebas), getCurrentNavigation() en el constructor no funciona, debe usar el history en ngOnInit() y simular valores en el history , por ejemplo:

 beforeEach(() => { window.history.pushState({name: 'MyName', id: 1}, '', ''); }

Ahora su componente puede usar estos valores en ngOnInit () y usarlo según las especificaciones:

 ngOnInit(): void { console.log(history.state.name); }