想象一下,我有一个从服务器获取一些帖子的服务。
constructor(private api: APIService) {}
所以我提出这样的获取请求:
this.api.getPosts(posts => this.posts = posts);
现在,如果我想发出一个发布请求,我会在组件内部执行此操作:
postNew(post) {
this.api.postNew(post).subscribe(post => this.posts.push(post))
}
我的问题是,每次我发出帖子请求时,都会执行上述方法并创建一个新订阅者。我认为这很糟糕。这将发生在其他动词上,如 put、patch 和 delete。那么有没有办法解决这个问题?我的意思是防止内存泄漏。
我是否需要管理每个方法的订阅?但这会很疯狂。可以管道第一个操作员吗?我不确定。
请提出最佳做法。
答案 0 :(得分:0)
如果您使用默认的 Angular HttpClient
(我假设),您不必担心这些订阅。返回的 observable 会在收到响应数据并调用所有订阅者后向订阅者发送 complete
消息。完整的消息将自动取消订阅所有订阅者。
您可以通过向订阅函数提供 complete
回调来检查这一点:
this.http.get("/assets/test.json")
.subscribe(
(data)=>console.log(data),
(error)=>console.log(error),
()=>console.log("complete")
)