Solução para problema no capítulo 18.9-implementando-navegacao-imperativa

[filipelobato]

Problema: Quando se quer criar um novo lançamento, clica-se em em Novo e digita-se os dados. Mas, caso queira clicar em novo e limpar os dados existentes, o botão Receita não fica mais selecionado.

O instrutor propôs uma solução de contorno, segundo ele próprio:

  novo(form: FormControl) {
    form.reset();

    setTimeout(function() {
      this.lancamento = new Lancamento();
    }.bind(this), 1);

    this.router.navigate(['/lancamentos/novo']);
  }

Eu proponho uma ainda mais simples, que não tem artifício algum, limpa o formulário e mantém a seleção como iniciou na primeira vez. Segue abaixo:

  novo(form: FormControl) {
    form.reset(form.value);
    this.lancamento = new Lancamento();

    this.router.navigate(['lancamentos/novo']);
  }
}