Eu sou um iniciante no Angular, então me desculpe se será muito fácil para você. Gostaria de imprimir uma Notificação do sistema após a ação 'enviar' do usuário, verde se for bem-sucedida (em outra página), vermelho se falhar (na página com o formulário). Atualmente salvo os dados em um banco de dados e navego até a view do post, minha api retorna o código 200. Pensei em passar o código de status do http, ou uma variável booleana, mas não sei como passar para outra página /componente. Aqui está o que eu tentei
if (this.actionType === 'Add') {
const post: Post = {
/....../
data: this.form.get(this.formData).value
/....../
};
this.postService.savePost(post)
.subscribe((data) => {
this.router.navigate(['/post', data.id]);
});
}
Esta é a minha função no Serviço
savePost(post): Observable<Post> {
return this.http.post<Post>(this.myAppUrl + this.myPost, JSON.stringify(post), this.httpOptions)
.pipe(
retry(1),
catchError(this.errorHandler)
);
}
Muito obrigado
Este código funciona usando ngx-toast.
this.postService.savePost(post)
.subscribe(
data => {
this.router.navigate(['/post', data.id]);
this.showSuccess();
},
error => ( this.showError(); )
);
showSuccess() {
this.toastr.success('Post Added', 'Success');
}
showError() {
this.toastr.success('Something went wrong', 'Error');
}
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras