1
resposta

Lista não é apresenta apos a retira do do arquivo .json (2)

Estou com o mesmo problema que outros alunos mas em nenhum tópico tem a solução. Será q alguém pode me ajudar?

Após deleção da agenda.json e inserção dos dados em contato-service, só aparece pra mim a letra A e os separadores. já baixei o .zip do início da aula 6 e continua o problema.

1 resposta

Olá, Rogéria. Tudo bem?

O que deve estar acontecendo é que na primeira execução o local storage estará vazio, logo this.contatos será substituído por null, e então ocorrerá o erro. Você pode fazer uma pequena alteração no construtor de contato.service.ts para resolver:

  constructor() { 
    const contatosLocalStorageString = localStorage.getItem('contatos');
    const contatosLocalStorage = contatosLocalStorageString ? JSON.parse(contatosLocalStorageString) : null

    if (contatosLocalStorage !== null) {
      this.contatos = contatosLocalStorage || null;
    }

    localStorage.setItem('contatos', JSON.stringify(this.contatos))
  }

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado