share posts in blog post service with future subscriptions

bertdireins · Jul 16, 2017 · 7f5de30 · 7f5de30
1 parent e969cb1
commit 7f5de30
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/src/app/app.routing.module.ts b/src/app/app.routing.module.ts
@@ -9,7 +9,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [RouterModule.forRoot(routes, { enableTracing: true })],
+    imports: [RouterModule.forRoot(routes, { enableTracing: false })],
     exports: [RouterModule],
 })
 export class AppRoutingModule { }
diff --git a/src/modules/blog-posts/services/blog-posts/index.ts b/src/modules/blog-posts/services/blog-posts/index.ts
@@ -13,14 +13,27 @@ export class BlogPostService {
 
     private serviceUrl: string;
 
+    private _posts: ReplaySubject<Array<BlogPost>>;
+    public readonly posts: Observable<Array<BlogPost>>;
+
     constructor(private http: Http) {
         this.serviceUrl = environment.endpoints.blogPostService;
+
+        this._posts = new ReplaySubject(1);
+        this.posts = this._posts.asObservable();
+
+        this._getPosts();
+    }
+
+    private _getPosts() {
+        this.http.get(`${this.serviceUrl}/posts`)
+            .map( (response) => response.json() )
+            .do( (posts) => this._posts.next(posts) )
+            .subscribe();
     }
 
     getPosts(): Observable<Array<BlogPost>> {
-        // return Observable.of(environment.posts);
-        return this.http.get(`${this.serviceUrl}/posts`)
-            .map((response) => response.json());
+        return this.posts;
     }
 
 }