Skip to main content
se añadieron 980 caracteres en el cuerpo
Origen Enlace

¿cómo están?, En el momento me encuentro aprendiendo Angular y entre ello, estoy haciendo un CRUD en el cual estoy siguiendo este video CRUD en Angular pero en esa parte exactamente del video tengo un error y no he podido solucionarlo en la parte de this.value = navigation?.extras?.state;

me aperece

Type '{ [k: string]: any; } | undefined' is not assignable to type 'null'. Type 'undefined' is not assignable to type 'null'.ts(2322)

he revisado la siguiente solucion, pero no he dado dar con la solucion Typescript: Type 'string | undefined' is not assignable to type 'string'

Este es mi codigo

edit.component.ts

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

@Component({
  selector: 'app-edit',
  templateUrl: './edit.component.html',
  styleUrls: ['./edit.component.scss']
})
export class EditComponent implements OnInit {

  value = null;

  constructor(private router: Router) { 
    const navigation = this.router.getCurrentNavigation();
    this.value = navigation?.extras?.state;
  }

  ngOnInit(): void {
  }

}

list.component.ts

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');
  }
}

Si me pudieran ayudar con la solución estaría agradecido gracias.

¿cómo están?, En el momento me encuentro aprendiendo Angular y entre ello, estoy haciendo un CRUD en el cual estoy siguiendo este video CRUD en Angular pero en esa parte exactamente del video tengo un error y no he podido solucionarlo en la parte de this.value = navigation?.extras?.state;

me aperece

Type '{ [k: string]: any; } | undefined' is not assignable to type 'null'. Type 'undefined' is not assignable to type 'null'.ts(2322)

he revisado la siguiente solucion, pero no he dado dar con la solucion Typescript: Type 'string | undefined' is not assignable to type 'string'

Este es mi codigo

edit.component.ts

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

@Component({
  selector: 'app-edit',
  templateUrl: './edit.component.html',
  styleUrls: ['./edit.component.scss']
})
export class EditComponent implements OnInit {

  value = null;

  constructor(private router: Router) { 
    const navigation = this.router.getCurrentNavigation();
    this.value = navigation?.extras?.state;
  }

  ngOnInit(): void {
  }

}

Si me pudieran ayudar con la solución estaría agradecido gracias.

¿cómo están?, En el momento me encuentro aprendiendo Angular y entre ello, estoy haciendo un CRUD en el cual estoy siguiendo este video CRUD en Angular pero en esa parte exactamente del video tengo un error y no he podido solucionarlo en la parte de this.value = navigation?.extras?.state;

me aperece

Type '{ [k: string]: any; } | undefined' is not assignable to type 'null'. Type 'undefined' is not assignable to type 'null'.ts(2322)

he revisado la siguiente solucion, pero no he dado dar con la solucion Typescript: Type 'string | undefined' is not assignable to type 'string'

Este es mi codigo

edit.component.ts

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

@Component({
  selector: 'app-edit',
  templateUrl: './edit.component.html',
  styleUrls: ['./edit.component.scss']
})
export class EditComponent implements OnInit {

  value = null;

  constructor(private router: Router) { 
    const navigation = this.router.getCurrentNavigation();
    this.value = navigation?.extras?.state;
  }

  ngOnInit(): void {
  }

}

list.component.ts

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');
  }
}

Si me pudieran ayudar con la solución estaría agradecido gracias.

Origen Enlace

Como puedo re asignar de forma correcta esta variable?

¿cómo están?, En el momento me encuentro aprendiendo Angular y entre ello, estoy haciendo un CRUD en el cual estoy siguiendo este video CRUD en Angular pero en esa parte exactamente del video tengo un error y no he podido solucionarlo en la parte de this.value = navigation?.extras?.state;

me aperece

Type '{ [k: string]: any; } | undefined' is not assignable to type 'null'. Type 'undefined' is not assignable to type 'null'.ts(2322)

he revisado la siguiente solucion, pero no he dado dar con la solucion Typescript: Type 'string | undefined' is not assignable to type 'string'

Este es mi codigo

edit.component.ts

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

@Component({
  selector: 'app-edit',
  templateUrl: './edit.component.html',
  styleUrls: ['./edit.component.scss']
})
export class EditComponent implements OnInit {

  value = null;

  constructor(private router: Router) { 
    const navigation = this.router.getCurrentNavigation();
    this.value = navigation?.extras?.state;
  }

  ngOnInit(): void {
  }

}

Si me pudieran ayudar con la solución estaría agradecido gracias.