//En el "this.lista" hay un error que dice "El tipo 'void' no se puede asignar al tipo 'Lista'." // En el "listaId" del "this.lista" también esta el error "No se puede asignar un argumento de tipo "string | null" al parámetro de tipo "string | number". El tipo 'null' no se puede asignar al tipo 'string | number'."
import { Component } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { Lista } from 'src/app/models/lista.model';
import { DeseosService } from 'src/app/services/deseos.service';
@Component({
selector: 'app-agregar',
templateUrl: './agregar.page.html',
styleUrls: ['./agregar.page.scss'],
})
export class AgregarPage {
lista: Lista;
constructor(private deseosService: DeseosService,
private route: ActivatedRoute) {
const listaId = this.route.snapshot.paramMap.get('listaId');
this.lista = this.deseosService.obtenerLista( listaId );
}
}
//------"lista" esta definido acá -------//
import { ListaItem } from "./lista-item-model";
export class Lista {
id: number;
titulo: string;
creadaEn: Date;
terminadaEn: any;
terminada: boolean;
items: ListaItem[];
constructor( titulo: string ){
this.titulo = titulo;
this.creadaEn = new Date();
this.terminada = false;
this.items = [];
this.id = new Date().getTime();
}
}
//---------este es el codigo de "src/app/services/deseos.service"--------//
import { Injectable } from '@angular/core';
import { Lista } from '../models/lista.model';
@Injectable({
providedIn: 'root'
})
export class DeseosService {
listas: Lista [] = [];
constructor() {
this.cargarStorage();
}
crearLista( titulo: string ){
const nuevaLista = new Lista(titulo);
this.listas.push( nuevaLista );
this.guardarStorage();
return nuevaLista.id;
}
obtenerLista( id: string | number ){
id = Number(id);
this.listas.find( listaData => {
return listaData.id === id;
});
}
guardarStorage(){
localStorage.setItem('data', JSON.stringify(this.listas));
}
cargarStorage(){
const lista = localStorage.getItem('data');
if( lista){
this.listas = JSON.parse(lista);
}
}
}
src/app/services/deseos.service