MEAN Cookbook

How to do it...

Let's perform the following steps to add caching to our blog posts:

1. First, let's add a new method to our /src/app/posts/blog-posts.service.ts service to request the blog's metadata.

...getBlogMetadata(): Promise<number> {  let params: URLSearchParams = new URLSearchParams();  params.set('key', environment.bloggerAPIKey);  return this.http.get(this.blogUrl, {params: params})    .toPromise()    .then((response) => {      return response.json();    })}...

2. Next, let's modify our /src/app/posts/post-list.component.ts component to fetch the Angular blog's metadata and the post data that we have been already requesting:

...private metadata: Object;ngOnInit() {  let promises:Promise<any>[] = []; promises.push(this.blogPostsService.getPosts()); ...