いずみこんな悩みを解決できる記事を書きました！
僕は現役フリーランスエンジニア（歴8年）で、資格は13個保有しています。
「Angularでunsubscribeする方法を知りたい」とお考えではありませんか？
AngularではObservableのsubscribeを頻繁に使いますが、subscribeはunsubscribeしないとメモリリークが発生する可能性があります。
いずみsubscribeを実行したら、明示的にunsubscribeしてあげる必要があります。
意外と忘れがちなので、これを機に覚えちゃいましょう。
本記事では、Angularでunsubscribeする方法について分かりやすく解説します。
本記事を読めば、Angularでunsubscribeする方法が理解できるので早速見ていきましょう。
いずみすぐ読み終わるので、ぜひ参考にしてくださいね♪
【Angular】unsubscribeする方法
早速ですが、Angularでunsubscribeする方法を解説します。
private subscriptions = new Subscription();
ngOnInit() {
this.subscriptions.add(
this.hoge$.subscribe(
() => {}
)
);
}
ngOnDestroy() {
this.subscriptions.unsubscribe();
}上記のように「ngOnDestroy」でunsubscribeするのが一般的です。
各subscribeはadd関数で追加すればコードもシンプルになります。
いずみngOnDestroyはコンポーネントが破棄されたタイミングで呼び出されます。
「ngOnDestroyでunsubscribeする」のをルールにしておけばコードも統一されると思います。
よくある質問
他にunsubscribeする方法はありますか？
「take」を使う方法や「Asyncパイプ」を使う方法があります。
unsubscribeする方法はいくつかあるので、プロジェクト内でルールを決めておくと良いでしょう。
まとめ
今回は、Angularでunsubscribeする方法について解説しました。
以下が本記事のまとめになります。
- おすすめ本
Angularの勉強なら「Angularアプリケーションプログラミング
」が分かりやすくておすすめですよ♪
いずみ最後までお読みいただき、ありがとうございました！
