2017-09-12 2 views
0

私はAngular4を使用しています。私はtoaster packageを使用しました。Angular4で別のページにリダイレクトする前に最初にトースターを表示しない?

私の要件は次のとおりです。ユーザーを削除して別のコンポーネントをリダイレクトし、削除時にトースターを表示する場合。だからどうすれば可能ですか?別のページをリダイレクトしてトースターを表示する。いくつかのコードを教えてください。

答えて

1

this.routernavigateは、ナビゲーションが完了するとtrueを返します。あなただけ表示する必要がある場合は、ちょうどこのようにそれを使用して削除した後

this.router.navigate(['/heroes']).then(() => { 
    this.toasts.show('message'); 
    }) 

this.service.delete(user).toPromise().then(() => { 
    this.toasts.show('message'); 
    this.router.navigate(['/heroes']); 
}) 
+0

これは仕事の罰金ですが、最初にこのコードので、自動的にキャンセルされませんあなたはこのようにそれを使用することができますコンポーネント: - public toastr:ToastsManager、public vRef:ViewContainerRef。では、しばらくして自動的に無効にする方法はありますか? –

+0

トーストの時間を設定すると、時間の経過とともにトーストが無効になります。 this.toastr.sucess( 'このトーストは10秒後に終了します。'、null、{toastLife:10000}); – alexKhymenko

+0

私はすべてのオプションを次のようにアプリケーションモジュールファイルに設定しました: - export class CustomOption extends ToastOptions { animate = 'fade in'; toastLife = 10000 positionClass = 'トーストトップセンター'; } –

関連する問題