Toastr 在路由到其他页面时不起作用

Question

这是我的删除函数中调用服务的代码。订阅中的成功部分无法正常工作，因为 toastr 未显示在新页面上。但它之前会出现在页面上(导航到另一个页面会让它消失(。

this._meetupService.deleteMeetup(id).subscribe(
                       () => {this._router.navigate(['/meetups']),
                        this.toastr.success('Successfully Deleted!');},
                        error => this.errorMessage = <any>error);

Answer 1

这是因为您需要在应用的主要组件中设置 ViewContainerRef 的路由。

您可以通过在构造函数中设置它来执行此操作。

      constructor( public toastr: ToastsManager, vcr: ViewContainerRef) {
    this.toastr.setRootViewContainerRef(vcr);
  }

P.S - 不要忘记从"@angular/核心"导入ViewContainerRef