1

Hola estoy usando ANGULAR 13 y me da este fallo, se que es por ANGULAR 13, ya que con la versión 11 esto no pasaba. Tengo que poner VALUE de esta forma ['value'], pero no se de que manera, estoy empezando a programar en Angular y voy un poco perdido. Muchas gracias de antemano.

El fallo me sale en esta línea: this.navigationExtras.state.value = item;

import { state } from '@angular/animations';
import { Component, OnInit } from '@angular/core';
import { NavigationExtras, Router } from '@angular/router';

@Component({
  selector: 'app-list',
  templateUrl: './list.component.html',
  styleUrls: ['./list.component.scss']
})
export class ListComponent implements OnInit {
  navigationExtras: NavigationExtras = {
    state: {
      value: null
    }
  };

  constructor(private router: Router) { }

  ngOnInit(): void {
  }

  onGoToEdit (item: any): void {
    this.navigationExtras.state.value = item;
    this.router.navigate(['edit'], this.navigationExtras);
  }

  onGoToSee (item: any): void {
    this.navigationExtras.state.value = item;
    this.router.navigate(['details'], this.navigationExtras);
  }

  onGoToDelete (item: any): void {
    alert('Deleted');
  }

}
2
  • 1
    Literalmente te lo está indicando -> this.navigationExtras.state['value'] = item;
    – Benito-B
    Commented el 28 dic. 2021 a las 16:28
  • Si pongo eso el error no se quita sigue con el mismo problema. El Visual Studio me dice que El objeto es posiblemente "undefined". Gracias.
    – Wirry
    Commented el 28 dic. 2021 a las 16:48

2 respuestas 2

0

Seguramente actualizaste a una mejor versión del intellisense y este ve que por definición navigation.state es de la siguiente forma

state?: {
    [k: string]: any;
}

lo que básicamente significa que es un objeto dinámico que puede tener distintas propiedades que se generan en runtime, por lo que no se puede saber que propiedades tiene hasta que está en ejecución, entonces el intellisense no sabe que tiene la propiedad value y te pide que accedas a esta de otra forma, la cual es:

this.navigationExtras.state['value']

recordar que a las propiedades de un objeto se puede acceder de 2 formas

ejemplo

class Persona {
  nombre: string;
}

var persona = new Persona();

console.info(persona.nombre, persona['nombre'])
-1

this.navigationExtras.state.['value'] para acceder al campo

this.navigationExtras.state?.['value'] para asegurarte de que exista y no te de el error de undefined

1
  • Está definiéndolo, no accediendo a él. Y no se puede usar optional chaining (?.) en asignaciones.
    – Benito-B
    Commented el 7 ago. a las 11:53

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.