Vamos incrementar nossa lista e formulário com alguns recursos do Ionic.

Adicionado feedback com o toast

O toast é um componente ideal para mensagens de feedback temporárias, do tipo que é dispensado automaticamente. Existem basicamente duas formas de apresentar um toast: Com html estático ou com o uso de um controller.

Para usar o html estático use o código de exemplo:

<ion-toast

[isOpen]=“isToastOpen”

message=“This toast will close in 5 seconds”

[duration]=“5000”

(didDismiss)=“setOpen(false)”

></ion-toast>

Para controlar se o toast está aberto use a propriedade isOpen apontando para um boolean em sua página. O evento (didDismiss) vai ser chamado se a pessoa quiser fechar o toast.

Para usar um controlador vamos alterar nosso método de deletar em tab2.page para mostrar uma mensagem:

constructor(

private pessoaService: PessoaService,

private router: Router,

private toastController: ToastController) {}

async deletar(pessoa: Pessoa) {

const deletado = await this.pessoaService.delete(pessoa.email)

if(deletado) {