¿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.
this.value = navigation?.extras?.state || null;
ahi te ahorras el problema si llega undefined, no?