Angular 观测值和下标角2

Angular 观测值和下标角2,angular,observable,subscribe,Angular,Observable,Subscribe,我知道这上面还有其他帖子,但这些答案对我来说并不合适,而且这些文档也不令人难过。我真的很难使用观测值并订阅它们。我试图在一个组件中更新和排列,并在另一个组件中显示,而不是父组件或子组件。如果有人愿意用最简单的方式将其分解,谢谢。您需要一个可以在两个组件中注入的公共服务。该服务需要有两个方法返回数组,另一个方法更新数组 服务的示例语法: getComments() : Observable<Comment[]> { return this.http.get(this.com

我知道这上面还有其他帖子,但这些答案对我来说并不合适,而且这些文档也不令人难过。我真的很难使用观测值并订阅它们。我试图在一个组件中更新和排列,并在另一个组件中显示,而不是父组件或子组件。如果有人愿意用最简单的方式将其分解,谢谢。

您需要一个可以在两个组件中注入的公共服务。该服务需要有两个方法返回数组,另一个方法更新数组

服务的示例语法:

 getComments() : Observable<Comment[]> {
     return this.http.get(this.commentsUrl)
     // ...and calling .json() on the response to return data
     .map((res:Response) => res.json())
     //...errors if any
     .catch((error:any) => Observable.throw(error.json().error || 'Server error'));
 }
loadComments() {
    // Get all comments
     this.commentService.getComments()
                       .subscribe(
                           comments => this.comments = comments, //Bind to view
                            err => {
                                // Log errors if any
                                console.log(err);
                            });
}