角提交后的Toast通知(成功或失败)

问题描述 投票:0回答:1

我是Angular的初学者,请问这对您来说很容易吗?我想在用户“提交”操作后打印Toast通知,如果成功(在另一页中)为绿色,如果失败(在具有表单的页面中),则为绿色。目前,我将数据保存在db中,并导航到帖子的视图,我的api返回代码200。我以为可以传递http或布尔变量的状态码,但是我不知道如何传递给另一个页面/组件。这是我尝试过的]

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]);
          });
      }

这是我在服务中的职能

savePost(post): Observable<Post> {
    return this.http.post<Post>(this.myAppUrl + this.myPost, JSON.stringify(post), this.httpOptions)
      .pipe(
        retry(1),
        catchError(this.errorHandler)
      );
  }

非常感谢

angular http toast
1个回答
0
投票

您可以使用npm软件包(ngx-toastr)之一进行敬酒通知-https://www.npmjs.com/package/ngx-toastr/v/8.8.0

© www.soinside.com 2019 - 2024. All rights reserved.