2017-06-09 29 views
0

這是我的刪除功能中調用該服務的代碼。訂閱中的成功部分工作不正常,因爲toastr沒有出現在新頁面上。但它會出現在頁面之前(導航到另一頁使其消失)。Toastr路由到不同頁面時不工作

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

回答

0

這是因爲您需要在應用程序的主要組件內設置ViewContainerRef的路線。

您可以在構造函數中設置它。

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

P.S - 不要忘了從導入ViewContainerRef '@角/核心'