MEAN Cookbook

How to do it...

Let's follow the steps below to add client-side caching to our blog post service:

1. First, we'll set up our newly generated /src/app/posts/post-page.ts class to match the schema of the blog post results we get from the Blogger API:

import {BlogPost} from "./blog-post";export class PostPage {  constructor(    public kind: string,    public nextPageToken: string,    public items: BlogPost[],    public etag: string  ) {}}

2. Next, we'll add a pageCache property to our /src/app/posts/blog-posts.service.ts service that will work as our service's local cache of blog pages that we've loaded. We will also need writePageToCache and readPageFromCache methods to store PostPage data inside our cache and get it back out:

...import {PostPage} from "./post-page"; ...